{"id":16030,"date":"2019-05-31T10:34:59","date_gmt":"2019-05-31T13:34:59","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=16030"},"modified":"2023-08-25T18:35:32","modified_gmt":"2023-08-25T21:35:32","slug":"google-tag-manager-wordpress","status":"publish","type":"post","link":"\/br\/tutoriais\/google-tag-manager-wordpress\/","title":{"rendered":"Google Tag Manager no WordPress: um guia para iniciantes"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Voc&ecirc; visita um site e ele adivinha a sua localiza&ccedil;&atilde;o exata. Parece um truque de m&aacute;gica, n&atilde;o &eacute; mesmo? Se voc&ecirc; quer saber mais sobre esse recurso &uacute;til, venha conosco que vamos explicar os pormenores do Google Tag Manager. Adicionalmente, n&oacute;s vamos ensin&aacute;-lo a implementar o Google Tag Manager no WordPress.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/WordPress-SEO-Checklist-BR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"2048\" height=\"566\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-32697\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-e-google-tag-manager-gtm\"><strong>O Que &eacute; Google Tag Manager (GTM)?<\/strong><\/h2><p class=\"wp-block-paragraph\">Antes de respondermos &agrave; grande pergunta, vamos dar alguns passos para tr&aacute;s e explorar a tecnologias de tags antes disso.<\/p><p class=\"wp-block-paragraph\">Uma tag &ndash; que &eacute; uma abrevia&ccedil;&atilde;o para pixel de tag ou para pixel de rastreamento &ndash; &eacute; um trecho de c&oacute;digo HTML que &eacute; usado para rastrear o compartimento do usu&aacute;rio e convers&otilde;es.<\/p><p class=\"wp-block-paragraph\">Apesar de estar presente em muitos sites e em campanhas de marketing por email, voc&ecirc; pode n&atilde;o ser capaz de detectar uma tag. Afinal, ela possui um tamanho de apenas 1 x 1 pixel.<\/p><p class=\"wp-block-paragraph\">Dito isso, visibilidade n&atilde;o &eacute; o foco prim&aacute;rio de uma tag. Cada tag vem com um link externo embutido. Quando voc&ecirc; visita um website ou abre um email que cont&eacute;m uma tag de pixel, seu navegador segue discretamente um link externo que transmite certos dados para o servidor.<\/p><p class=\"wp-block-paragraph\">Aqui est&aacute; um exemplo de como uma tag de pixel aparece no c&oacute;digo-fonte:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;img style=\"&ldquo;position: absolute;\" src=\"&ldquo;Tracking\"&gt;<\/pre><p class=\"wp-block-paragraph\">A tecnologia de tags est&aacute; se tornando mais popular na ind&uacute;stria de marketing digital devido a sua habilidade de obter dados de maneira discreta. Ao perceber isso, h&aacute; muitas companhias<em> third-party<\/em> que oferecerem servi&ccedil;os de gerenciamento para a tecnologia de tags.<\/p><p class=\"wp-block-paragraph\">Com isso em mente, o Tag Manager &eacute; um produto da Google que proporciona esse tipo de servi&ccedil;o. Ele muitas vezes &eacute; associado com o Google Analytics, j&aacute; que eles pertencem &agrave; mesma empresa. Isso &eacute; porque o Google Analytics usa a ajuda de uma marketing tag conhecida como GA Tracking Code, que serve para rastrear as intera&ccedil;&otilde;es do usu&aacute;rio.<\/p><p class=\"wp-block-paragraph\">Enquanto voc&ecirc; poderia facilmente <a href=\"\/br\/tutoriais\/melhores-plugins-google-analytics-wordpress\/\"><strong>adicionar tags do Google Analytics<\/strong><\/a> no seu site para rastrear informa&ccedil;&otilde;es gerais como visualiza&ccedil;&otilde;es de p&aacute;ginas e refer&ecirc;ncias, o Google Tag Manager complementa o Analytics ao fornecer dados de comportamento do usu&aacute;rio que requerem o uso de tags de pixel customizadas.<\/p><p class=\"wp-block-paragraph\">Em adi&ccedil;&atilde;o, o Google Tag Manager &eacute; compat&iacute;vel com outros tipos de plataformas de tag como Adobe Analytics, Google Ads, Facebook e Twitter.<\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-e-possivel-fazer-com-o-google-tag-manager\"><strong>O Que &eacute; Poss&iacute;vel Fazer com o Google Tag Manager?<\/strong><\/h2><p class=\"wp-block-paragraph\">Apesar de ser ligado ao Google Analytics na maior parte do tempo, o Google Tag Manager &eacute; capaz de lidar com m&uacute;ltiplas tags de pixel simultaneamente.<\/p><p class=\"wp-block-paragraph\">Em termos de recursos, o Tag Manager da Google &eacute; respons&aacute;vel por facilitar o processo de adi&ccedil;&atilde;o de tags, definir as regras para a implementa&ccedil;&atilde;o delas e conduzir edi&ccedil;&otilde;es globais sempre que uma mudan&ccedil;a de c&oacute;digo acontecer.<\/p><p class=\"wp-block-paragraph\">O Google Tag Manager funciona como o seu bra&ccedil;o direito no gerenciamento de todas as suas tags. Ainda assim, voc&ecirc; precisa entender os recursos de cada pixel de rastreamento. Isso inclui saber quais s&atilde;o as ferramentas do Facebook para uso efetivo das tags da pr&oacute;pria rede social. At&eacute; porque voc&ecirc; ir&aacute; determinar que dados de comportamento de usu&aacute;rio deseja extrair usando esse m&eacute;todo.<\/p><p class=\"wp-block-paragraph\">Considerando que a tecnologia de tag rastreia dados de comportamento, o tipo de informa&ccedil;&atilde;o que uma tag de pixel pode retornar inclui, mas n&atilde;o &eacute; limitado a:<\/p><ul class=\"wp-block-list\">\n<li>Tipo de sistema operacional;<\/li>\n\n\n\n<li>Tipo de website ou email utilizado (mobile ou desktop);<\/li>\n\n\n\n<li>Endere&ccedil;o de IP (Provedor de Internet e local);<\/li>\n\n\n\n<li>Resolu&ccedil;&atilde;o da Tela.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Baseado na natureza dos dados, n&atilde;o &eacute; surpreendente que o Google Tag Manager &eacute; amplamente utilizado em marketing digital.<\/p><p class=\"wp-block-paragraph\">Como voc&ecirc; pode saber, dados de comportamento de usu&aacute;rio s&atilde;o altamente valorizados no marketing. Saber essas informa&ccedil;&otilde;es permite que voc&ecirc; tenha insights valiosos para determinar a melhor campanha de marketing poss&iacute;vel para sua marca.<\/p><p class=\"wp-block-paragraph\">Com a ajuda da tecnologia de tags, voc&ecirc; n&atilde;o apenas vai poder gerar vendas a longo prazo como tamb&eacute;m ir&aacute; descobrir quaisquer gargalos que possam acontecer dentro do processo de neg&oacute;cio. Consequentemente, os dados anal&iacute;ticos permitir&atilde;o que voc&ecirc; desempenhe <a href=\"\/br\/tutoriais\/growth-hacking\/\" target=\"_blank\" rel=\"noopener\">growth hacking<\/a> de maneira muito mais eficiente.<\/p><p class=\"wp-block-paragraph\">De uma perspectiva t&eacute;cnica, as tags de rastreamento permitem que voc&ecirc; acompanhe mapas de calor que d&atilde;o observa&ccedil;&otilde;es precisas em rela&ccedil;&atilde;o ao qu&atilde;o eficiente o seu website &eacute; na hora de gerar tr&aacute;fego.<\/p><p class=\"wp-block-paragraph\">Esses dados servem como uma contribui&ccedil;&atilde;o valiosa para determinar o que voc&ecirc; pode melhorar no seu site e como fazer isso &ndash; tornando-os num commodity ao inv&eacute;s de ser um peso.<\/p><p class=\"wp-block-paragraph\">Com tudo a se considerar, ter a habilidade de obter dados de intera&ccedil;&atilde;o dos usu&aacute;rios num espa&ccedil;o t&atilde;o curto de tempo &eacute; certamente valioso para qualquer neg&oacute;cio que busca ter sucesso. E a melhor parte &eacute; que voc&ecirc; tem controle total sobre o processo de an&aacute;lise.<\/p><p class=\"wp-block-paragraph\">Esses s&atilde;o apenas alguns exemplos do que voc&ecirc; pode fazer com o Google Tag Manager. Em suma, o c&eacute;u &eacute; o seu &uacute;nico limite.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-instalar-o-google-tag-manager-no-wordpress\"><strong>Como Instalar o Google Tag Manager no WordPress?<\/strong><\/h2><p class=\"wp-block-paragraph\">Enquanto o uso do Google Tag Manager &eacute; popular dentro do marketing digital, voc&ecirc; n&atilde;o precisa ser a pessoa que vai tirar vantagem prim&aacute;ria desses recursos.<\/p><p class=\"wp-block-paragraph\">Como j&aacute; mencionamos, o Google Tag Manager pode coletar quaisquer dados de comportamento de usu&aacute;rio que voc&ecirc; requisitar. Desde que voc&ecirc; tenha um website e um plano claro do que voc&ecirc; vai fazer com esses dados, sinta-se livre para usar o sistema da maneira que voc&ecirc; desejar.<\/p><p class=\"wp-block-paragraph\">Agora que voc&ecirc; tem uma ideia completa do que pode ser atingido com o Google Tag Manager, vamos discutir como voc&ecirc; pode implementar isso no seu website.<\/p><p class=\"wp-block-paragraph\">Por favor note que esse tutorial s&oacute; ir&aacute; funcionar se voc&ecirc; estiver usando WordPress como uma plataforma num site que voc&ecirc; mesmo hospedar, e n&atilde;o no <strong>WordPress.com<\/strong>. Diferentemente do <strong>WordPress.com<\/strong>, o <strong>WordPress.org<\/strong> permite que voc&ecirc; pr&oacute;prio hospede o seu site, garantindo acesso completo aos arquivos e aos c&oacute;digos da p&aacute;gina. Sinta-se livre para ler esse <a href=\"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpress-com-ou-wordpress-org\/\">comparativo<\/a>&nbsp;para ter maiores explica&ccedil;&otilde;es sobre esse t&oacute;pico.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; ainda n&atilde;o assinou um servi&ccedil;o de hospedagem, lembre-se de checar os <a href=\"\/br\/hospedagem-de-sites\">servidores para hospedar sites<\/a>&nbsp;da Hostinger. N&oacute;s proporcionamos servi&ccedil;os de hospedagem na web robustos com diversos benef&iacute;cios por pre&ccedil;os t&atilde;o baixos quanto <strong>R$ 5.99&nbsp;por m&ecirc;s<\/strong>.<\/p><p class=\"wp-block-paragraph\">Assim que tudo estiver pronto, voc&ecirc; pode seguir esse tutorial para o processo de instala&ccedil;&atilde;o do Google Tag Manager.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-cadastre-se-no-google-tag-manager\"><strong>1. Cadastre-se no Google Tag Manager<\/strong><\/h3><p class=\"wp-block-paragraph\">Para criar uma nova conta, voc&ecirc; pode ir para a p&aacute;gina do Google Tag Manager <a href=\"https:\/\/marketingplatform.google.com\/about\/tag-manager\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a> e clicar em <strong>Avalia&ccedil;&atilde;o Gratuita<\/strong> no canto superior direito do site.<\/p><p class=\"wp-block-paragraph\">O sistema vai pedir que voc&ecirc; fa&ccedil;a login na sua conta do Gmail. Se essa conta gerencia as tags da sua empresa, n&oacute;s sugerimos que voc&ecirc; use o email da companhia em vez de seu pessoal.<\/p><p class=\"wp-block-paragraph\">Na p&aacute;gina de <strong>Adicionar uma Nova Conta<\/strong>, preencha os campos usando os dados corretos. A op&ccedil;&atilde;o <strong>Container<\/strong> segue o tipo de dispositivo do qual o seu website opera. Como n&oacute;s estamos usando WordPress, n&oacute;s iremos para a op&ccedil;&atilde;o <strong>Web<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/1-googletagmanager-instalacao.jpg\/public\" alt=\"Tela de cadastro do Google Tag Manager\" class=\"wp-image-16032\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/1-googletagmanager-instalacao.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/1-googletagmanager-instalacao.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/1-googletagmanager-instalacao.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/1-googletagmanager-instalacao.jpg\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/1-googletagmanager-instalacao.jpg\/w=990,fit=scale-down 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Assim que voc&ecirc; tiver terminado, clique em <strong>Create (Criar)<\/strong>. Depois, a p&aacute;gina ir&aacute; mostrar os termos de servi&ccedil;o do Google Tag Manager. Confirme o seu entendimento ao checar a caixa de aceite e ent&atilde;o clique em <strong>Yes (Sim)<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-pegue-o-codigo\"><strong>2. Pegue o C&oacute;digo<\/strong><\/h3><p class=\"wp-block-paragraph\">Nesse momento, voc&ecirc; j&aacute; deve ser capaz de ver o seu Dashboard do Tag Manager. Um pop-up tamb&eacute;m aparecer&aacute; na tela, contendo dois diferentes grupos de c&oacute;digos HTML, conforme exibido abaixo.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"677\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/2-googletagmanager-instalacao.jpg\/public\" alt=\"C&oacute;digos necess&aacute;rios para implementar o Google Tag Manager\" class=\"wp-image-16033\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/2-googletagmanager-instalacao.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/2-googletagmanager-instalacao.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/2-googletagmanager-instalacao.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/2-googletagmanager-instalacao.jpg\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/2-googletagmanager-instalacao.jpg\/w=990,fit=scale-down 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Eles s&atilde;o os seus c&oacute;digos de rastreamento, que precisam ser adicionados ao seu site. O primeiro grupo vai na sua se&ccedil;&atilde;o <strong>&lt;head&gt;<\/strong> enquanto o segundo vai depois da abertura da tag <strong>&lt;body&gt;<\/strong>.<\/p><p class=\"wp-block-paragraph\">Deixe o pop-up aberto por enquanto, pois n&oacute;s vamos precisar dele nos pr&oacute;ximos passos.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-logue-no-seu-dashboard-do-wordpress\"><strong>3. Logue no seu Dashboard do WordPress<\/strong><\/h3><p class=\"wp-block-paragraph\">Indo para o seu Dashboard WordPress, n&oacute;s vamos adicionar o c&oacute;digo de rastreamento para o seu site.<\/p><p class=\"wp-block-paragraph\">Com o objetivo de fazer quaisquer mudan&ccedil;as para o c&oacute;digo do seu website, voc&ecirc; precisa ter acesso administrativo.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-va-para-aparencia-editor-de-temas\"><strong>4. V&aacute; para Apar&ecirc;ncia &gt; Editor de Temas<\/strong><\/h3><p class=\"wp-block-paragraph\">Navegue para a se&ccedil;&atilde;o <strong>Editor de Temas <\/strong>dentro da &aacute;rea <strong>Apar&ecirc;ncia<\/strong>. Se voc&ecirc; n&atilde;o ver a op&ccedil;&atilde;o de <strong>Editor de Temas, <\/strong>isso significa que voc&ecirc; n&atilde;o tema acesso administrativo para promover mudan&ccedil;as.<\/p><p class=\"wp-block-paragraph\">Na p&aacute;gina do <strong>Editor<\/strong>, voc&ecirc; ver&aacute; uma lista de arquivos de template no lado direito da p&aacute;gina. Clique naquele com chamado <strong>header.php<\/strong> para adicion&aacute;-lo ao c&oacute;digo de rastreamento.<\/p><p class=\"wp-block-paragraph\">Na maioria dos casos, voc&ecirc; pode adicionar tanto o c&oacute;digo de rastreamento para o header como para a se&ccedil;&atilde;o corpo do arquivo <strong>header.php<\/strong>. Contudo, alguns n&atilde;o permitem essa a&ccedil;&atilde;o ou usam um nome diferente para o arquivo.<\/p><p class=\"wp-block-paragraph\">Portanto, voc&ecirc; precisa se familiarizar com os arquivos do seu modelo de tema que s&atilde;o respons&aacute;veis por gerar os cabe&ccedil;alhos e a navega&ccedil;&atilde;o em seu site.<\/p><p class=\"wp-block-paragraph\">Uma vez que voc&ecirc; tiver aberto o arquivo <strong>header.php<\/strong>, primeiro adicione o c&oacute;digo de rastreamento na se&ccedil;&atilde;o header, especificamente no topo do elemento <strong>&lt;head&gt;<\/strong>.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;head&gt;\n&lt;!-- Google Tag Manager --&gt;&lt;script&gt;(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});\nvar f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&amp;l='+l:'';j.async=true;j.src='https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WHWQMKM');&lt;\/script&gt;&lt;!-- End Google Tag Manager &rarr;\n&lt;!-- Other code follows after the tracking code --&gt;\n&lt;\/head&gt;<\/pre><p class=\"wp-block-paragraph\">De maneira similar, adicione o segundo c&oacute;digo de rastreamento para a se&ccedil;&atilde;o header, especificamente bem no topo do elemento <strong>&lt;body&gt;<\/strong>.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;body&gt;\n&lt;!-- Google Tag Manager (noscript) &rarr;&lt;noscript&gt;&lt;iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-WHWQMKM\"height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"&gt;&lt;\/iframe&gt;&lt;\/noscript&gt;&lt;!-- End Google Tag Manager (noscript) &rarr;\n&lt;!-- Other code follows after the tracking code --&gt;\n&lt;\/body&gt;<\/pre><p class=\"wp-block-paragraph\">Salve as mudan&ccedil;as assim que tiver terminado. Devido &agrave; natureza dos arquivos de template de temas, voc&ecirc; precisa ser cuidadoso quando estiver promovendo quaisquer mudan&ccedil;as no <strong>header.php<\/strong>.<\/p><p class=\"wp-block-paragraph\">Caso falhe na hora de fazer isso, voc&ecirc; pode acabar com um modelo quebrado e no funcionamento inadequado do c&oacute;digo de rastreamento.<\/p><p class=\"wp-block-paragraph\">Dito isso, &eacute; melhor fazer uma c&oacute;pia dos c&oacute;digos do arquivo antes de promover quaisquer mudan&ccedil;as para ele. Dessa maneira, se as coisas derem errado, voc&ecirc; sempre pode restaurar o c&oacute;digo original.<\/p><h3 class=\"wp-block-heading\" id=\"h-como-adicionar-tags-de-rastreamento-para-o-google-tag-manager\"><strong>Como Adicionar Tags de Rastreamento para o Google Tag Manager<\/strong><\/h3><p class=\"wp-block-paragraph\">Depois de implementar com sucesso o c&oacute;digo de rastreamento em seu site, &eacute; hora de aprender como adicionar c&oacute;digos de rastreamento para a sua conta do Google Tag Manager.<\/p><p>1. Volte para o seu Dashboard do Google Tag Manager, clique em <strong>Add a new tag (Adicionar uma nova tag)<\/strong> na se&ccedil;&atilde;o <strong>New Tag (Nova tag)<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"314\" height=\"170\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/3-new-tag-gtm.jpg\/public\" alt=\"Menu para adicionar nova tag para o Google Tag Manager\" class=\"wp-image-16035\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/3-new-tag-gtm.jpg\/w=314,fit=scale-down 314w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/3-new-tag-gtm.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/3-new-tag-gtm.jpg\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/><\/figure>\n<\/div><p>2. Clique na se&ccedil;&atilde;o <strong>Tag Configuration (Configura&ccedil;&atilde;o de Tag) <\/strong>e escolha a tag que voc&ecirc; deseja adicionar.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/4-googletagmanager-tag-de-rastreamento.jpg\/public\" alt=\"Sele&ccedil;&atilde;o do tipo de tag que o usu&aacute;rio deseja adicionar no GTM\" class=\"wp-image-16036\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/4-googletagmanager-tag-de-rastreamento.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/4-googletagmanager-tag-de-rastreamento.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/4-googletagmanager-tag-de-rastreamento.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/4-googletagmanager-tag-de-rastreamento.jpg\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/05\/4-googletagmanager-tag-de-rastreamento.jpg\/w=990,fit=scale-down 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Dica                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Dependendo do tipo de tag, voc&ecirc; pode precisar providenciar certos dados relativos ao seu Partner ID (ID de Parceiro). Para faz&ecirc;-lo, voc&ecirc; precisa saber quais os requisitos espec&iacute;ficos que o seu produto demanda antes de realizar esse passo.<\/p>\n                    <\/div>\n        \n\n\n\n<\/p><p class=\"wp-block-paragraph\">3. N&atilde;o se esque&ccedil;a de configurar o gatilho atrav&eacute;s da se&ccedil;&atilde;o Triggering (Acionamento). Esse passo determina a a&ccedil;&atilde;o que vai fazer com que a sua tag de rastreamento seja carregada.<\/p><p class=\"wp-block-paragraph\">4. Uma vez que voc&ecirc; tiver terminado, clique no bot&atilde;o Save (Salvar) no canto superior direito da p&aacute;gina.<\/p><p class=\"wp-block-paragraph\">5. Renomeie a tag de maneira apropriada e clique em Publish (Publicar).<\/p><p class=\"wp-block-paragraph\">Parab&eacute;ns, voc&ecirc; agora est&aacute; pronto para usar o Google Tag Manager!<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p class=\"wp-block-paragraph\">O Google Tag Manager &eacute; uma ferramenta de gerenciamento de sistema gratuita que permite que voc&ecirc; coordene m&uacute;ltiplas tags de rastreamento simultaneamente. N&atilde;o apenas isso, como o sistema &eacute; capaz de rastrear comportamentos do usu&aacute;rios e convers&otilde;es, produzindo dados anal&iacute;ticos para prop&oacute;sitos de marketing digital.<\/p><p class=\"wp-block-paragraph\">Para implementar o Google Tag Manager no WordPress, voc&ecirc; precisa passar pelos seguintes passos:<\/p><ul class=\"wp-block-list\">\n<li><strong>Se cadastre no Google Tag Manager<\/strong>;<\/li>\n\n\n\n<li><strong>Pegue o trecho de c&oacute;digo do GTM<\/strong>;<\/li>\n\n\n\n<li><strong>Adicione o c&oacute;digo de rastreamento para as se&ccedil;&otilde;es header e body do WordPress<\/strong>;<\/li>\n\n\n\n<li><strong>Configure e publique suas tags no Google Tag Manager<\/strong>.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">F&aacute;cil de usar, gratuito e altamente ben&eacute;fico. Como n&atilde;o amar o Google Tag Manager?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc&ecirc; visita um site e ele adivinha a sua localiza&ccedil;&atilde;o exata. Parece um truque de m&aacute;gica, n&atilde;o &eacute; mesmo? Se voc&ecirc; quer saber mais sobre esse recurso &uacute;til, venha conosco que vamos explicar os pormenores do Google Tag Manager. Adicionalmente, n&oacute;s vamos ensin&aacute;-lo a implementar o Google Tag Manager no WordPress. O Que &eacute; Google [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/google-tag-manager-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":125,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"O Google Tag Manager \u00e9 amplamente utilizado no marketing digital. Aprenda a implementar o GTM no seu site WordPress!","rank_math_focus_keyword":"google tag manager wordpress","footnotes":""},"categories":[],"tags":[6634,6633,6630,6629,6632],"class_list":["post-16030","post","type-post","status-publish","format-standard","hentry","tag-gerenciador-de-tags","tag-google-tag-manager","tag-google-tag-manager-tuotrial","tag-google-tag-manager-wordpress","tag-gtm"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/google-tag-manager-wordpress","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/google-tag-manager-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/16030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=16030"}],"version-history":[{"count":20,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/16030\/revisions"}],"predecessor-version":[{"id":39525,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/16030\/revisions\/39525"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=16030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=16030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=16030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}