Como ver Likes no Google Analytics

Como ver Likes no Google Analytics

Estatísticas

Atualizado: Outubro 2019


Neste artigo explico como medir cliques no botão LIKE no seu website com o Google Tag Manager.

Eis o que deve saber antes de avançarmos.

  • Este método de acompanhamento suporta apenas os botões embutidos no seu site. É impossível medir todos os likes e partilhas que ocorrem noutros websites. Consegue medir apenas as interações que ocorrem no seu website onde o Google Tag Manager está instalado. Isto é óbvio, mas quis explicar à mesma.
  • Este método de acompanhamento suporta apenas o botão predefinido do Facebook. Plugins de partilha social como o Sumo (existem muitos) não serão medidos.
  • Este método de acompanhamento envia os dados para o Google Analytics como Interações sociais. Isto irá aparecer em Aquisição > Redes sociais > Plug-ins após 24-48 horas (não aparece em tempo real).

Etiqueta HTML personalizado – Facebook Listener

Para saber os cliques em botões Facebook, precisamos criar uma etiqueta de HTML personalizado no Google Tag Manager, a que lhe vamos chamar Facebook listener.

Isto irá “ouvir” as interações que ocorrem no botão LIKE no seu website. Quando o clique é feito, isto dispara um evento dataLayer.

O evento dataLayer é importante porque iremos usar como acionador para disparar a etiqueta do Google Analytics.

Vamos começar por criar uma etiqueta Facebook Listener no Google Tag Manager (GTM) e o respetivo acionador .

Etiqueta HTML personalizado Google Tag Manager

  • Tipo de etiqueta – HTML personalizado
  • Título da etiqueta – CHTML – Facebook Listener (cHTML é para significar custom HTML)
  • No campo do HTML colocar o seguinte código, que reconhece o botão LIKE na página web e dispara um evento dataLayer de socialInteraction caso seja clicado:
    <script>
     FB.Event.subscribe('edge.create', function(targetUrl) {
     dataLayer.push({
     'event': 'socialInteraction', 
     'socialNetwork': 'Facebook', 
     'socialAction': 'Like', 
     'socialTarget': targetUrl
     });
    });
    </script>
  • Nos acionadores, clicamos no bloco ao centro…

    Acionador Google Tag Manager

    … e escolhemos “Janela carregada” como acionador. Se não tem um, crie-o. A configuração disto irá aparecer assim:

    Acionador de janela carregada GTM

Atribua este acionador à etiqueta de HTML personalizado que criámos.

Há quem escolha o acionador de “Visualização de página”, mas por vezes isso não funciona bem porque ao princípio do carregamento da página os botões Facebook podem não ter carregado completamente.

Daí ter escolhido “Janela carregada” porque dispara o nosso Facebook listener apenas quando os outros scripts na página (incluindo o botão LIKE do Facebook) tiverem sido carregados.

No entanto, se a sua página leva 10 segundos para carregar todos os scripts e o visitante vê o botão LIKE no 7.º segundo da sua visita, essa interação não será medida, porque o Facebook Listener não foi lançado/disparado ainda.

Mas não há problema, porque é pouco provável que alguém vá clicar no Like do seu artigo logo após terem aterrado na página.

Vamos testar o Facebook listener

Iremos testar o modo de Pré-visualização do Google Tag Manager para sabermos se este Facebook listener está a funcionar.

No canto superior direito da sua conta GTM, clique no botão azul Pré-visualizar.

Pré-visualizar no Google Tag Manager

Após o modo de pré-visualização estiver ativo, vá para o site onde estão os botões Like e irá ver uma consola de debug com informação sobre as suas etiquetas, como são acionadas e como os dados são processados.

Esta janela da consola aparece apenas no seu computador, não é visível para outras pessoas a visitar o seu site.

Nessa janelinha, selecione Window Loaded (à esquerda) e irá aparecer assim:

Etiqueta Window Loaded GTM

Depois clique no botão de LIKE nessa página e procure pelo evento socialInteraction na consola, que irá parecer-se com isto:

Etiqueta Window Loaded GTM socialInteraction

Já está. O nosso Facebook listener funciona. Vamos ao próximo passo.

Acionador personalizado

Precisamos de criar um acionador GTM para reconhecer o evento de dataLayer de socialInteraction. Isto é necessário para que a tag do Google Analytics funcione.

No Google Tag Manager, vá a Acionadores e crie um novo com as seguintes definições:

Acionador com evento personalizado

Três variáveis

Quando o botão Facebook é clicado, o Facebook listener cria o evento dataLayer e mostra também informação adicional:

socialInteraction no Google Tag Manager

Consegue ver ali o socialNetwork, socialAction e socialTarget? Podemos passar estes dados para o Google Analytics.

Mas primeiro temos de criar 3 variáveis no Google Tag manager, ou ele não vai reconhecer estes pontos.

No seu GTM, vá à secção das Variáveis e crie estas 3 variáveis como aqui tenho (poderá ter de fazer scroll até abaixo para ver o botão Novo para criar nova variável.

Variável dataLayers criadas

“vdl” significa variável dataLayer (em Português: variável da camada de dados). É a minha maneira de dar nome às coisas para ficar tudo em ordem. Não dê nomes ambíguos porque senão daqui a 6 meses olha para isto e não se vai lembrar do que criou.

Etiqueta Google Analytics

O último passo é criar a etiqueta Google Analytics, para disparar apenas quando a seguinte sequência é concluída:

  1. O evento de Janela carregada (Window Loaded) ocorre.
  2. A etiqueta de HTML personalizado é disparada.
  3. Visitante clica no botão LIKE.
  4. O Facebook listener toma nota do clique e cria o evento dataLayer de socialInteraction.
  5. O acionador socialInteraction é disparado e lança a etiqueta Google Analytics.

Todos estes passos são necessários e nessa ordem específica.

Vá às Etiquetas no seu GTM e clique em Novo para criar uma nova etiqueta. Seleciona o tipo de etiqueta de Universal Analytics com as seguintes definições:

Etiqueta Universal Analytics para medir cliques Like

O ID de acompanhamento é o seu ID do Analytics, um número do género UA-XXXXXXXX-X.

Assim, todas as três variáveis são usadas como Network, Action e Action Target como valores na etiqueta do evento do Google Analytics. Como usei o valor Social, todas as interações no botão LIKE irão aparecer não nos relatórios dos Eventos do Google Analytics, mas sim em Aquisição > Redes sociais > Plug-ins.

Como testar isto

Estes dados irão aparecer em 24-48 horas no seu Google Analytics em Aquisição > Redes sociais > plug-ins.


Ao teu sucesso,
assinatura-joao-78x50-nenhuma
João Alexandre
Estratega Digital

Marketing Digital sem espinhas

Deixe um comentário