Neste artigo, mostrarei o Google TAG Manager, uma ferramenta que poupará o trabalho de instalar o Pixel a partir do FaceBook, Google TAG e muito mais!

Há muito tempo que instalo o TAG e o Pixel, porque sempre que eu troco de algo, tenho que ir lá no meu WordPress, mudar algo ou um evento de pixel.

Atualmente, eu assustei e puxei todas as tags e pixels do meu site.

É sério.

Excluí tudo para repetir e, durante o processo, reconheci uma ferramenta chamada Google Brand Manager. .

O que é ótimo!

Em resumo, é uma ferramenta que, quando conectada ao seu site, medeia entre o site e qualquer TAG, Pixel ou código que você deseja instalar. [19659002] E digo mais sem saber nada e programação.

Você instalará o plug-in no WordPress e instalará dois códigos do Google Brand Manager para este plug-in.

E este será o único momento em que você precisará instalá-lo diretamente em seu site, depois fará tudo isso usando o Brand Manager e terá controle absoluto.

Ah, eu vou fazer isso com o wordpress aqui, mas você pode usá-lo em qualquer outra plataforma como Wix, Tray Commerce, apenas encontre onde você instala o código do Gerenciador de tags no seu sistema e pronto!

Então, sem mais demoras .. Vamos lá.

Você precisará de algumas coisas:

  • O administrador acessa seu WordPress
  • Instale o plug-in do Code Manager para rastrear
  • Conta do Google
  • Conta do gerente de contas

Opcional:

  • Analytics, Anúncios do Facebook e Conta do Google Ads

Porque digo opcional, simplesmente porque depende do TAG que você deseja instalar.

Vou fazer um exemplo aqui, instalar o TAG Facebook, chamado Pixel.

Instalar plug-in no WordPress – Permite instalar o Google TAG Manager

Abra o painel WordPress e vá para o menu à esquerda em Plugins e, em seguida, Adicionar novo, conforme mostrado na imagem abaixo.

 WordPress 1

Digite o seguinte na caixa de pesquisa na tela no canto superior direito da tela: Tracking Code Manager

Este é o nome do plug-in que você precisa instalar.

 WordPress - Plug-in

Nos resultados da pesquisa, encontre o botão de impressão abaixo e clique em Instalar agora e, em seguida, o botão Ativar aparecerá no mesmo local, também clique nele.

 Gerenciador de códigos de acompanhamento PluigIn

Crie uma conta do Google Brand Manager

Se você não possui uma Conta do Google, precisará criar uma.

Mas você provavelmente já o possui.

Agora, vamos ao Gerenciador de marcas na Web: https://tagmanager.google.com/[19659002}QuandovocêacessaatelaéexibidaoquesignificaquevocênãotemumacontadoGoogleBrandManagernasuaContadoGoogle

Teremos que criar uma conta e um contêiner.

Clique no botão do meio, com o texto abaixo do texto "Clique aqui para criar uma conta"

 Crie uma conta do Google Brand Manager

Preencha seus dados. No meu caso, vou dar o nome do meu blog.

Em seguida, use a opção Web e clique no botão no final da página digitada. Crie

 Google Tag Manager 2

Para exibir qual página é atraída, clique no Sim azul no canto superior direito.

 Gerenciador de tags do Google 3

Agora você será redirecionado para o painel Gerenciador de tags e já terá o código instalado conforme mostrado abaixo.

 Código TAG

Não se assuste, você não precisa saber nada sobre programação.

Basta copiar o primeiro código e retornar ao seu WordPress, lembra-se de que o deixamos aberto na segunda guia?

Você pode copiar parte do código clicando no botão marcado com a seta vermelha.

 Copiar gerenciador de tags de código

A segunda parte do código que você copiaria com o mesmo ícone no canto inferior direito, precisamos fazer uma parte no momento do código.

Instale o plug-in necessário para executar

Retorne ao WordPress, localize o menu Configurações e clique em Tracking Code Manager.

Este plugin é gratuito para instalar até 5 marcas, mas precisaremos apenas de duas.

Clicar nele como na última imagem o levará à tela abaixo, onde será necessário clicar em Adicionar novo script.

 Instalando o código do Tag Manager

Preencha o nome com: Google Tag Manager

Digite o código na grande caixa preta

E marque as duas opções "Rastreamento de código padrão no Wordpres" e "Ativado" site inteiro (páginas, postagens e arquivos) ”igual ao final desta impressão aqui:

 Instalação do Code Manager 2:

Vá para o final da página e clique em Salvar, então você encontrará esta página aqui :

 Instalando o Tag Manager 3

Agora clique no botão azul: Adicione um novo código de rastreamento, ele retornará à tela em que você inseriu o primeiro código, esvazie novamente.

Complete o nome usando: Google Tag Manager 2

Copie o segundo código da página Gerenciador de tags e cole-o na caixa preta.

Alterar opção Posição dentro do código Localização Após < Body > [19659002] E marque as duas opções "Rastreamento de código padrão no seu WordPress" e "Em toda a web (páginas, posts e arquivos)" que igual ao final desta impressão:

 Instalando o Tag Manager 4

Veja também que agora 2 tags manuais estão instaladas no seu site

 Instalando o Tag Manager 5 [19659002] Agora você quer saber se funcionou?

Fácil, basta clicar em "Área de trabalho" no Gerenciador de tags e temos um botão "mostrar" no painel superior esquerdo.

 Exibir gerenciador de tags

E quando você abre seu próprio site, você percebe que ele abre um painel abaixo do site.

Os TAGs instalados aqui são exibidos, mas agora devem estar vazios.

Se o painel não aparecer, volte e inicie novamente.

 Exibir o Tag Manager 2

Bem, com o Google TAG Manager instalado em seu site, agora toda e qualquer instalação ou remoção de TAG ou Pixel, você faz dentro.

Então, como exemplo, vamos instalar o Facebook Pixel em toda a web.

Dessa maneira, eu posso acompanhar as visitas ao site e criar conversões personalizadas nos Anúncios do Facebook, com base na página visitada pelo usuário. [19659002]

Não vou falar sobre a criação de uma conta de empresa no Facebook aqui, se você estiver com problemas, deixe-me uma mensagem no final do artigo.

Instalando o Pixel Manager no Facebook no Brand Manager

Acesse sua conta de publicidade em http://business.facebook.com/, se você ainda não possui uma conta, é o mesmo endereço que pode se registrar.

Na tela principal do Ad Manager, clique no canto superior esquerdo das seis esferas e clique em "Event Manager", como mostrado abaixo.

 Veja o Gerenciador de tags 2

Encontre o pixel que deseja instalar no seu site e clique em Detalhes à direita acima do Pixel.

 Anúncios de pixel no Facebook

Agora clique em Configurar e instale o Pixel.

Abre uma tela que oferece opções de instalação de pixels, seleciona o formulário manual, a segunda opção.

 Anúncios do Facebook que instalam pixels

O código será exibido e clique acima para copiá-lo.

Clique no código para retornar à página TAG do administrador do Google.

 Pixel de anúncio do Facebook

Na página principal do Brand Manager, clique em Nova marca, como mostrado abaixo.

 instala o gerenciador de tags

Nesta tela, precisamos configurar duas coisas, escolha o tipo e a ativação da tag.

A ativação é um evento que funcionará quando instalarmos o FaceBook Pixel para todas as páginas do domínio, vamos escolher Todas as páginas.

Clique na primeira opção para selecionar o tipo de marca.

 instalar pixel facebook 2

E, em seguida, escolha na lista "HTML personalizado"

 instalar pixel facebook 3

] Cole o TAG que você copiou Pixel FaceBook.

 instalar código de pixel facebook 3

Role para baixo e clique em Trigger

Veja que "Todas as páginas" já existem, usaremos isso porque queremos que o Pixel FaceBook seja instalado no todos os nossos sites.

Clicar na tela abaixo retornará automaticamente o processo à tela anterior

 instalar código do facebook 4 pixels

[19659002] Agora podemos clicar no botão azul no canto superior direito, escrito "Salvar" .

 instala o código do facebook 5 pixels

Digite o nome que você conhece como pixel do Facebook, aqui colocarei o Pixel Facebook OMD

[19456564] instala o código do pixel do facebook no Gerenciador de tags "width =" 453 "height =" 231 "/>

Depois de clicar no botão Salvar, ele retornará à tela principal. Nesta tela, agora podemos clicar no botão Enviar no canto superior direito.

 instalar o código do facebook no Tag Manager 2

Agora você pode nomear essa alteração, geralmente não publico nada, basta clicar em Publicar na próxima janela 19659002]

 instalar o código de pixel do facebook no gerenciador de tags

 instalar o código de pixel do facebook no gerenciador de tags 4

]

Já temos nosso Pixel do Facebook instalado em nosso site, já podemos gerar público com base em pessoas que visitaram este site.

Verifique se o pixel do Facebook está instalado corretamente

Como verificamos?

Clique na área de trabalho novamente e, em seguida, no botão Exibir.

 instala o código de pixel do facebook no gerenciador de tags 6

Logo depois, abra o site e verifique o console que aparece abaixo.

O nome do HTML personalizado que você instalou. , deve aparecer agora.

 Concluindo a instalação do código de pixel do facebook no gerenciador de tags 6

E agora, se eu quiser marcar as pessoas que baixaram meu e-book, com o evento "Lead" (Contato) FaceBook?

Nesse caso, basta instalar a conversão na página de agradecimento ou na página para baixar o seu e-book.

Mas vamos deixar para o próximo artigo, porque este é muito longo!

Se você tiver alguma dúvida, deixe-o abaixo nos comentários que responderei nos próximos dias e faça a próxima parte deste tutorial.

Se você estiver interessado em instalar o TAG e o Pixel no seu site, provavelmente também está trabalhando com anúncios.

Nesse caso, o que dizer de ler este artigo aqui, sobre anúncios no FaceBook Ads?

Postagem no TAG do administrador do Google: como configurar passo a passo – o melhor guia! apareceu pela primeira vez no Marketing Digital Oficial.