Nota: as capturas de ecrã neste documento são de outubro de 2020, a interface e a plataforma Facebook Pixels mudam regularmente, pelo que o aspeto pode não ser o mesmo. No entanto, o processo deve manter-se igual.
Antes de mais, o que é o Google Tag Manager?
O Google Tag Manager (GTM) é um sistema de gestão de tags que permite acompanhar dados mais avançados. O GTM atualiza rapidamente e facilita o acompanhamento de dados em aplicações ou sites. É uma interface que permite criar e visualizar as tags que cria. O GTM é um Tag Management System, e funciona como um CMS (Content Management System), exceto que não é para o conteúdo do site mas para tags especiais.
Pode acompanhar os seus dados associando a sua conta do Google Tag Manager ao Google Analytics, por exemplo.
Porque precisamos do Google Tag Manager?
As vantagens do Google Tag Manager:
Poupa tempo aos programadores. Não precisam de o desenvolver internamente, interface compreensível para que qualquer pessoa o possa implementar.
Dados mais precisos. Permite um acompanhamento personalizado, permite a análise de dados/necessidades específicas.
Aumenta a velocidade do site (tempo de resposta, fluxo de trabalho, tempo de carregamento das páginas)
Porque configurá-lo para a sua conta bsport?
Para poder analisar o comportamento dos alunos e potenciais alunos quando estão na plataforma bsport associada à sua conta. Pode analisar as diferentes etapas, cliques, sessões e outros dados.
O que são os Pixels do Facebook?
O Pixel do Facebook é um trecho de código que permite recuperar dados de utilizadores que visitaram o seu site, de forma a construir uma audiência.
Porque precisamos dos Pixels do Facebook?
O Pixel do Facebook é utilizado para otimizar campanhas publicitárias no Instagram e no Facebook, para analisar o tráfego para o seu site através do Facebook, e para acompanhar o percurso de compra e outros dados relacionados com a publicidade.
Porque configurá-lo para a sua conta bsport?
Para poder analisar o comportamento dos utilizadores após clicarem num anúncio do Facebook ou do Instagram. Para ter os dados corretos para otimizar as suas campanhas de marketing.
Agora que já sabe o que são o Google Tag Manager e os Pixels do Facebook, vamos começar este tutorial para ligar estas duas ferramentas à sua plataforma bsport.
As diferentes etapas para conseguir obter os dados do bsport:
Associar a sua conta bsport e o Google Tag Manager
Configurar a sua conta do Google Tag Manager
Configurar a sua conta de Pixels do Facebook
Associar Pixels e Google Tag Manager
Criar tags no Google Tag Manager para acompanhar os dados de anúncios do Facebook
Verificar se as ações na plataforma são reportadas aos Pixels
Para este tutorial vai precisar de:
Uma conta do Google Tag Manager
Uma conta do Facebook Business Manager, que dá acesso aos Pixels do Facebook
Uma conta bsport
Associar a sua conta do Google Tag Manager e o bsport
Para associar a sua conta do Google Tag Manager e o bsport, só precisa de duas coisas:
Saber o seu identificador do Google Tag Manager
Inserir o seu ID do Google Tag Manager na plataforma bsport
Para saber o seu ID do Google Tag Manager basta ir à interface do GTM e encontrar o seu ID.
Pode encontrá-lo aqui:
O número ao lado de GTM é o seu ID.
Depois, aceda à sua plataforma bsport como administrador.
Deve inserir o seu ID do Google Tag Manager em Definições > Geral > Google Tag ID
Agora a sua conta bsport e o Google Tag Manager estão associados.
Configurar a sua conta do Google Tag Manager
Agora pode configurar a sua conta GTM para acompanhar os dados da sua plataforma.
O Google Tag Manager funciona com 3 definições:
Tags. Criar uma permite definir regras, escolher o que quer acompanhar. Isto pode ser uma visualização de página, extrair informação do Google Analytics/Pixels do Facebook, etc.
Acionadores, os dados que quer acompanhar, uma tag que será acionada por uma determinada ação. Por exemplo: clique num vídeo, clique num artigo, adicionar à cesta, etc.
Variáveis, variáveis que podem ser aplicadas aos acionadores para um acompanhamento mais preciso
Agora pode criar tags para acompanhar os dados na sua plataforma bsport.
Para os analisar, deve associar a sua conta do Google Tag Manager ao Google Analytics.
Para criar uma tag no Google Tag Manager, clique em "Tags" na barra lateral esquerda e depois em novo.
Depois de criar uma conta do Google Analytics e a associar ao Google Tag Manager, isto é feito automaticamente.
Depois, na plataforma do Google Tag Manager, tem de criar uma tag > Google Analytics: Universal Analytics
A configuração é feita automaticamente e tudo o que tem de fazer é escolher a variável e o acionador para a tag.
Para o acionamento da tag, tem de escolher "Todas as páginas" Visualização de página, para que a tag seja acionada sempre que é visualizada/carregada na plataforma.
Depois de feito, será direcionado para uma página que se parece com esta:
Pode pré-visualizar, verificar que a tag é acionada quando visualizada na plataforma/no seu site e publicar!
Este é o mesmo princípio para todas as outras tags possíveis no Google Tag Manager.
Configurar a sua conta de Pixels do Facebook
Precisa de ter uma conta do Facebook Business Manager, para gerir anúncios e também para criar e moderar Pixels. Para criar uma conta: https://business.facebook.com/overview
Depois de criar uma conta, aceda ao Gestor de Eventos. A partir daí pode criar um Pixel.
Pode criar um Pixel para o seu site, para a plataforma, etc.
Para tal, deve clicar em "Adicionar Pixel", depois aparecerá um banner com três possibilidades:
Associar o seu Pixel ao seu site
Associar o seu Pixel à sua aplicação
Associar o seu Pixel Offline
Escolha o Pixel para o seu site.
Este pop-up aparece então, apresentando 3 opções:
Escolha uma das duas opções; recomendamos a integração com parceiro porque é mais fácil.
Será então apresentado este banner:
Depois serão dadas instruções de acordo com o parceiro escolhido e poderá analisar os dados do seu site com alguns cliques.
Também pode instalar o código do pixel em todos os <head> do seu site.
Se tiver uma agência ou webmaster, também pode enviar com "Enviar instruções por e-mail".
Associar Pixels e Google Tag Manager
Agora pode associar o Google Tag Manager e os Pixels.
Ao associar o Google Tag Manager e os Pixels, também pode associar com o bsport, uma vez que a tag GTM foi configurada no passo 1.
Para ligar os Pixels do Facebook ao Google Tag Manager, isto acontece do lado do Facebook.
Aceda ao Gestor de Eventos para criar um Pixel.
Tal como no passo anterior, adicione um Pixel ao seu site e clique em "Usar um parceiro".
Depois seleciona o Google Tag Manager.
Basta seguir os passos e tudo ficará configurado.
O seu Pixel e o Google Tag Manager estão agora ligados.
Criar tags no Google Tag Manager para acompanhar dados de anúncios do Facebook
Vamos agora criar tags GTM, associando-as a um Pixel para acompanhar a atividade nos Pixels do Facebook.
Primeiro que tudo:
Para permitir que os Pixels acompanhem os eventos que ocorrem na plataforma bsport, tem de passar pelo Google Tag Manager. É por isso que ligou o Google Tag Manager e os Pixels no passo anterior.
Também precisa de fazer com que o Google Tag Manager compreenda os eventos que ocorrem na plataforma bsport, para que os possa enviar para os Pixels.
É necessário criar uma variável no Google Tag Manager que corresponda ao evento bsport.
Encontre todos os eventos bsport aqui.
Vamos agora criar a variável para um evento bsport ser enviado para os Pixels.
Para este exemplo, vamos escolher o evento de clique em adicionar à cesta.
Vamos criar a variável. No Google Tag Manager, aceda a Variáveis > Nova.
Depois crie uma nova variável > Variável da Camada de Dados.
Coloque "data" no nome da variável da camada de dados. Dê um nome à variável; para nós será "dlv - data".
Assim temos isto para a configuração:
Podemos agora passar à configuração da tag.
Na plataforma do Google Tag Manager, pode aceder a "Adicionar uma tag".
Depois pode aceder a "Configurar tag" e depois a "Descobrir outros tipos de tags".
Depois tem de procurar o "Facebook Pixel", e assim pode configurar os Pixels no GTM facilmente, sem passar pelo código manual.
Depois tem de configurar o Pixel dando-lhe um nome, colocando um ID, escolhendo o evento.
Vamos escolher o evento Adicionar à Cesta.
Da mesma forma, deve configurar o acionamento desta tag. Vá a "Acionador" na parte inferior e configure-o.
Precisa de criar um acionador; para tal, clique no "+" no canto superior direito e crie um acionador. Depois tem de configurar um "Evento Personalizado".
Em "Propriedades do Objeto", deve adicionar a variável criada anteriormente.
Adicione então "dlv-data".
Depois tem de configurar o acionamento desta tag. Vá a "Acionador" na parte inferior e configure-o.
Precisa de criar um acionador; para tal, clique no "+" no canto superior direito e crie um acionador. Depois tem de configurar um "Evento Personalizado".
Aqui podemos dar um nome ao acionador. "Adicionar à Cesta" para o nosso exemplo funcionará bem.
Em "Nome do Item" precisamos de introduzir o evento bsport que queremos obter. O nosso item sendo o adicionar à cesta, no ficheiro anexado mais acima neste documento sabemos que o evento bsport que corresponde a isso é: bsport:basket:add-to-cart:pass
Não se esqueça de marcar a caixa "Usar correspondência de expressão regular".
A configuração está concluída! Pode guardar e mudar para o modo de pré-visualização no Google Tag Manager. O modo de pré-visualização ou "depuração" do Google Tag Manager permite ver as tags que são acionadas numa página de um site. Existe também a extensão do Chrome, Google Tag Assistant.
Aceda ao seu marketplace bsport e clique num "adicionar à cesta" na sua plataforma.
No modo "Depuração" do GTM pode ver que a tag foi acionada.
Também pode verificar se o Pixel foi ativado com a extensão do Facebook Pixel Helper.
Também pode verificar no Gestor de Eventos do Facebook Pixel:
Pronto, agora já pode configurar eventos do Google Tag Manager relacionados com a sua plataforma e obtê-los nos Pixels.