Monitoramento de links externos no Google Analytics

Olá Galera,

Venho hoje para trazer uma solução muito bacana para monitoramento no Google Analytics, a possibilidade de obter dados de links externos inseridos em seu site. Com isso você poderá ter um relatório de SEO mais completo.

Vamos explicar melhor, digamos que em seu site você tenha uma página para parceiros, porém desejamos saber quantos cliques o SITE A recebeu em um determinado período. Por padrão o Analytics não faz monitoramento de links externos, porém temos uma solução apenas acrescentando algumas linhas no código de rastreamento e link para o site indicado.

Verificando o Código

Antes de mostrar o procedimento, vamos a um detalhe muito importante, que é verificar se o seu código de monitoramento é o mais recente como o exemplo abaixo:

<script type=”text/javascript”>

var _gaq = _gaq || [];

_gaq.push([‘_setAccount’, ‘UA-XXXXXXXX-X’]);

_gaq.push([‘_trackPageview’]);

(function() {

var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;

ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

})();

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

</script>

Observe que no exemplo utilizo o código de rastreamento UA-XXXXXXXX-X como exemplo, ou seja, cada site tem uma identificação exclusiva no Google Analytics. É válido lembrar que para obter o rastreamento é preciso ter uma conta no Google.

Depois de comparado, caso seja necessário efetue a mudança, é bem simples basta inserir o seu código UA-XXXXXXXX-X.

Alterando o Código de Rastreamento

Verificado ou depois de modificadar a versão do seu script, vamos a etapa de modificação ou podemos dizer, um pequeno acréscimo no código.

function recordOutboundLink(link, category, action) {

try {

var pageTracker=_gat._getTracker(“UA-XXXXXXXX-X”);

pageTracker._trackEvent(category, action);

setTimeout(‘document.location = “‘ + link.href + ‘”‘, 100);

}catch(err){}

}

Obtendo o seguinte resultado:

<script type=”text/javascript”>

var _gaq = _gaq || [];

_gaq.push([‘_setAccount’, ‘UA-XXXXXXXX-X’]);

_gaq.push([‘_trackPageview’]);

(function() {

var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;

ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

})();

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

function recordOutboundLink(link, category, action) {

try {

var pageTracker=_gat._getTracker(“UA-XXXXXXXX-X”);

pageTracker._trackEvent(category, action);

setTimeout(‘document.location = “‘ + link.href + ‘”‘, 100);

}catch(err){}

}

</script>

Modificando o link

Porém apenas isso não é suficiente, temos que alterar o código fonte dos links externos. Veja o exemplo de um link básico na estrutura HTML:

<a href=”www.site.com.br” target=”_blank”>SITE A</a>

Estrutura com o monitoramento:

<a href=”www.site.com.br” target=”_blank” onClick=”recordOutboundLink(this, ‘NOME DA CAMPANHA OU IDENTIFICAÇÃO’, ‘www.site.com.br’,’target:”_blank”‘);return false;”>SITE A</a>

Nota-se que foi inserido no “NOME DA CAMPANHA OU IDENTIFICAÇÃO”. É importante inserir um nome, pois será o fator chave para visualização no relatório.

Visualizando no Relatório

Já conectado no seu painel do Google Analytics, veja o caminho para obter os resultados:

Veja um exemplo de resultado no painel:

 

Espero que tenham gostado da dica e aguardo comentários e sugestões.

 

Abraços e Sucesso!

  • Olá Carlos!

    Esse acréscimo no código Analytics é para ser colocado no código html do site, antes da ? Ou precisa ser colocado no post onde o link externo será monitorado?

    Grata

  • Usando o código para monitoramento no link externo, se eu clicar no mesmo fala que a “página não foi encontrada”

    • Carlos Bortoni

      cole o código que você inserir para poder responder melhor.

  • Carlos Bortoni

    Olá Milena,

    o código modificado deve estar em cada página que tenha o rastreamento do GA. Dependendo do site, que trabalhe com include de página, fica muito mais fácil.

    agora o detalhe do link que leva o nome da campanha, sim precisa ser coloca no link especifico que você deseja monitorar.

    qualquer dúvida estou a disposição.

  • Olá! Desculpe a estupidez, mas sou apenas uma blogueira.
    Colei o código abaixo, dentro do Post, mas clicando no link externo, o erro de “Página não encontrada” continua (http://www.viajanteesperto.com.br/2011/11/tam-esta-vendendo-passagens-para-costa.html) acontecendo. Acesse essa página acima e clique em “Site para reserva de hoteis” que vc verá.

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-10617026-3']);
    _gaq.push(['_trackPageview']);

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl&#039; : 'http://www&#039;) + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    }
    function recordOutboundLink(link, category, action) {
    try {
    var pageTracker=_gat._getTracker(“UA-10617026-3”);
    pageTracker._trackEvent(category, action);
    setTimeout(‘document.location = “‘ + link.href + ‘”‘, 100);
    }catch(err){}
    }

    Grata

    • Carlos Bortoni

      Então Milena,

      O código que você postou você modificou o que não precisava… a sua identificação no Google Analytics é UA-10617026-3, pelo o que foi postado acima.

      então o rastreamento tem esse padrão comum:



      Isso fica no inicio da página no código fonte, antes do fechamento da tag

      Você deve substituir por esse:

      O link da página deve ser assim:

      Site para compra de passagens!

      espero que ajude agora.

      caso não consigo, segue o meu e-mail: carlosbortoni@gmail.com

  • Oi Carlos, blz? Eu tentei colar este código aí nos links mas o ‘target:”_blank”‘ não está funcionando. Será que é assim mesmo que coloca ele no link? Detalhe, no meu está assim (troquei o por colchetes pra não apagar quando for publicado):

    [a href=”http://geeksexyclub.com/” target=”_blank” title=”GeekSexyClub – Geeks são Sexy!” onClick=”recordOutboundLink(this, ‘Outbound Links’, ‘GeekSexyClub’, ‘http://geeksexyclub.com’, ‘target:”_blank”‘);return false;”]GeekSexyClub[/a]

    Obrigado pela ajuda cara! Abs!

  • Carlos, acabei de ver aqui, tá certinho sim. De qualquer forma eu agradeço! Valeu!

    • Carlos Bortoni

      Simon,

      Fico feliz por ter funcionado, qualquer dúvida estamos aqui.

      Abs

  • Tarsis Almeida

    Esse “www.site.com.br” é o meu site ou a página que eu quero rastrear? Exemplo: onClick=”recordOutboundLink(this, ‘NOME DA CAMPANHA OU IDENTIFICAÇÃO’, ‘www.meusite.com.br’,’target:”_blank”‘);return false;” ou onClick=”recordOutboundLink(this, ‘NOME DA CAMPANHA OU IDENTIFICAÇÃO’, ‘www.sitequequerorastrear.com.br’,’target:”_blank”‘);return false;” ?

  • Carlos Bortoni

    Tarsis,

    O http://www.site.com.br é o site destino sim!

    qualquer dúvida é só falar

    abs