E eu falei que ia dar dicas daquele meu projeto secreto. Pois é, esse post inteiro é uma dica.
Google Analytics (GA), para quem não conhece, é um sistema do google para aqueles que querem medir o que acontece no seu site: quantidade de visitantes, quais são as páginas mais acessadas, quais são os termos de busca que levam ao seu site etc, etc, etc…
O meu projeto, para quem não leu as tags do último post, é um site novo (ou nem tanto). Muito do seu conteúdo vai funcionar via indicações internas, o que infere na necessidade extrema de analisar tudo o que eu puder imaginar sobre o site, de todas as maneiras possíveis, determinando trends, características, similaridades, interesses, entre outras coisas.
Desse ponto de vista, trabalhar na DirectPerformance está sendo uma grande ajuda. O pessoal aqui manja horrores disso e estou aprendendo a ver coisas em sites que eu nem imaginaria olhar antes, como javascripts, uso de links estranhos, AJAX, entre ttantas outras coisas detalhescas que não valem o comentário.
Se alguém não tem qualquer interesse técnico, pare de ler agora, todo o resto do post é um detalhe totalmente irrelevante. Comente lá embaixo e sejamos todos felizes. Para aqueles que têm um blog, keep on reading…
Caso alguém ainda não saiba, este blog usa o sistema de gerenciamento de blogs Wordpress, visto como um dos melhores disponiveis, e com certeza, um dos mais fáceis de usar.
Para usar o Google Analytics no Wordpress, é muito fácil: você se cadastra no GA, pega o seu User Account (UA) number, instala os plugin Google Analytics for Wordpress e voilá! o sistema funciona que é uma maravilha! Isso é: uma maravilha se você não quer fazer como eu e acompanhar cada respiração que o visitante fizer na sua página. (é sério: se você clicar com o botão direito, eu vou ficar sabendo!) Nesse caso, você vai precisar editar um bom bocado de documentos no teu Wordpress: tanto no sistema como um todo como no tema que você estiver usando. Vou explicar aqui como se faz a coisa toda, uma vez que foi me passado como desafio aqui no trabalho e eu cumpri, então, vou passar o conhecimento para frente um pouquinho. Pegue o seu Notepad++ e prepare-se…
Passo 1: Inserindo o javascript do GA no seu site
Esse passo é interessante por vários motivos. O primeiro é que muita gente acha que o melhor lugar para colocar TODOS os javascripts do seu site é no <head>. Falso: o GA trabalha melhor quando colocado no início do <body>, por vários motivos. Os melhores que eu consigo citar são:
- Evita contabilizar aquele pessoal que clica num link e dá um ESC o mais rápido que consegue
- Carrega o ga.js (mini biblioteca javascript que o Google Analytics usa) apenas quando ele vai ser utilizado
O que fazer, então? O Google Analytics for Wordpress coloca o tag apenas no footer ou no <head>. Para consertar isso, vamos apelar um pouquinho…
Primeiro, pegue o código do GA:
<script type=”text/javascript”>
var gaJsHost = ((”https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(”%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
</script>
<script type=”text/javascript”>
try {
var pageTracker = _gat._getTracker(”SEU UA AQUI“);
pageTracker._trackPageview();
} catch(err) {}</script>
Substituindo o “SEU UA AQUI” pelo seu UA que você ganhou quando se registrou no Google Analytics, claro.
Abra o diretório da sua instalação do Wordpress e navege para wpcontent–>themes–>*nomedoseutema* e abra o arquivo head.php. (No meu caso, o caminho é wpcontent–>themes–>pixel–>head.php) Lá dentro, você deve encontrar algo parecido com isso:
</head>
<body>
<div id=”wrapper”>
Logo na sequência do <body> adicione o seu código do GA. Fica algo assim:
</head>
<body>
<!– google code –>
<script type=”text/javascript”>
var gaJsHost = ((”https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(”%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
</script>
<script type=”text/javascript”>
try {
var pageTracker = _gat._getTracker(”SEU UA AQUI“);
pageTracker._trackPageview();
} catch(err) {}</script>
<!– end google code –><div id=”wrapper”>
Prontinho! Com isso, o trabalho básico está feito: o GA poderá acompanhar as visitas básicas no seu site, taxa de rejeição, entre outros. Basta fuçar um pouco
Passo 2: Criando seu primeiro relatório customizado
Mas isso não é o suficiente: por exemplo, como verificar toda vez que alguém clicar em “comentar”? O wordpress faz isso de duas maneiras: por âncora, te mandando para a página do post, já na altura dos comentários, ou por javascript, abrindo uma nova janela onde o comentário é feito. O primeiro é fácil de marcar: por filtro. Abra o seu Google Analytics e, no profile do seu blog, clique em “Add new profile”
Na janela que aparecer, deixe o seu site selecionado e digite um nome bastante óbvio para o seu filtro. No meu caso, eu usei “Somente Comments”. Clique em Continue para voltar à pagina dos profiles. Agora clique em Edit para modificarmos o profile recem-criado e podermos criar nosso filtro.
<imagem>
Nesta página mais longa e assustadora do que qualquer coisa (em posts futuros pretendo ensinar a usar as Metas), clique em “+ Add Filter”. Na página que aparecer, coloque um nome igualmente óbvio para o filtro. Agora, um pouco de análise:
Se você clicar em um “comente” (no caso deste blog, “deixe um pensamento”), você vai ser enviado (no caso do meu último post) para http://www.protodream.net/blog/2009/06/08/um-novo-projeto/#respond é interessante notar o /#respond no final do endereço, que significa que estamos indo até um comentário. Great! então toda página de comentário sem javascript tem um /#respond no final!
Logo, podemos colocar um filtro no GA que pegue todos os acessos ao “diretório” /#respond e temos um filtro. Portanto, na última página que paramos, basta selecionar “include only traffic to a subdirectory” em Filter Type e, em subdirectory, completar com
.*/#respond
Ok, mas o que significa esse código estranho? Passo a passo:
. – em expressões regulares significa “qualquer coisa”, ou seja, qualquer caractere
* – ainda em expressões regulares, significa “zero ou mais repetições do anterior”
.* – juntando os dois de cima, temos “qualquer número de quaisquer caracteres”; com isso, o GA vai rastrear tanto /blog/#respond quanto /blog/um-novo-projeto/#respond
/#respond – é o final de todas as páginas de comentário. É como sabemos que é um comentário
Clique em “save” e pronto! Depois de alguns dias, teremos um relatório que dirá exatamente quantas pessoas estão clicando para comentar em cada um dos seus posts. Especialmente útil se você usa o Akismet ou suspeita que muita gente clique no seu lik de comentário mas quase ninguém comente de verdade.
Passo 3: Filtrando as buscas no site
Como as pessoas procuram algo no seu site? O Wordpress inclui uma caixinha de busca built-in, mas… o que as pessoas realmente procuram lá dentro? Vamos descorbir com o GA…
Siga os passos acima e crie um perfil novo, mas NÃO clique em criar um filtro. Ao invés disso, olhe para o canto direito superior e clique em Edit no canto superior. Na janela em que aparecer, selecione “Do track Site Search”. Na sequência, o Google vai pedir os Query parameters… Mas o que são query parameters?
Query parameters são como o seu site entende as buscas que são dadas a ele. No caso do wordpress, qualquer busca é enviada para algo parecido com http://www.protodream.net/blog/?s=teste Percebe o pequeno ’s’ logo depois do ponto de interrogação? Ele é o Search Parameter do Wordpress. Postanto, basta preencher a caixa vazia no GA com um s e pronto! estamos acompanhando as buscas feitas dentro do site.
Passo 4: Muito , muito mais!
O GA é uma ferramenta realmente estupenda, mas que requer um bocado de trabalho para ser bem utilizada. Vou fazer outros posts indicando mais maneiras de utilizar o seu poder e como configurar os mais minuciosos detalhes no seu site. Fica aqui uma pequena lista para próximos posts:
- Trackeando cliques no feedburner
- Trackeando cliques nos contatos com javascritp
- Verificando por que palavra-chave você foi encontrado no Google
- Cruzamentos de métricas e funis
- E-commerce
Dúvidas e sugestões são sempre bem-vindas: deixe um pensamento!
This entry was posted on Tuesday, June 23rd, 2009 at 10:29 pm and is filed under tech. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
