{"id":16030,"date":"2019-05-31T10:34:59","date_gmt":"2019-05-31T13:34:59","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-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":"\/pt\/tutoriais\/google-tag-manager-wordpress","title":{"rendered":"Google Tag Manager no WordPress: um guia para iniciantes"},"content":{"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.<\/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=\"1024\" height=\"283\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist-1024x283.png\" alt=\"\" class=\"wp-image-32697\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist-1024x283.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist-300x83.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist-150x41.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist-768x212.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist-1536x425.png 1536w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/BR_Intext-banners_WP-SEO-Checklist.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/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>Antes de respondermos &agrave; grande pergunta, vamos dar alguns passos para tr&aacute;s e explorar a tecnologias de tags antes disso.<\/p><p>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>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>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>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>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>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>Enquanto voc&ecirc; poderia facilmente <a href=\"\/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>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>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>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>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>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>Baseado na natureza dos dados, n&atilde;o &eacute; surpreendente que o Google Tag Manager &eacute; amplamente utilizado em marketing digital.<\/p><p>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>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=\"\/tutoriais\/growth-hacking\" target=\"_blank\" rel=\"noopener\">growth hacking<\/a> de maneira muito mais eficiente.<\/p><p>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>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>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>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>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>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>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>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:\/\/blog.hostinger.io\/pt-tutoriais\/wordpress-com-ou-wordpress-org\" target=\"_blank\" rel=\"noopener\">comparativo<\/a>&nbsp;para ter maiores explica&ccedil;&otilde;es sobre esse t&oacute;pico.<\/p><p>Se voc&ecirc; ainda n&atilde;o assinou um servi&ccedil;o de hospedagem, lembre-se de checar os <a href=\"\/pt\/hospedagem-barata\">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>\u20ac1.49&nbsp;por m&ecirc;s<\/strong>.<\/p><p>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>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>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>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:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/1-googletagmanager-instalacao-1024x661.jpg\" alt=\"Tela de cadastro do Google Tag Manager\" class=\"wp-image-16032\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/1-googletagmanager-instalacao.jpg 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/1-googletagmanager-instalacao-150x97.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/1-googletagmanager-instalacao-300x194.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/1-googletagmanager-instalacao-768x496.jpg 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/1-googletagmanager-instalacao-990x639.jpg 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>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>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:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/2-googletagmanager-instalacao-1024x677.jpg\" alt=\"C&oacute;digos necess&aacute;rios para implementar o Google Tag Manager\" class=\"wp-image-16033\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/2-googletagmanager-instalacao.jpg 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/2-googletagmanager-instalacao-150x99.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/2-googletagmanager-instalacao-300x198.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/2-googletagmanager-instalacao-768x508.jpg 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/2-googletagmanager-instalacao-990x654.jpg 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>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>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>Indo para o seu Dashboard WordPress, n&oacute;s vamos adicionar o c&oacute;digo de rastreamento para o seu site.<\/p><p>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>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>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>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>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>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>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>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>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>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>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:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/3-new-tag-gtm.jpg\" alt=\"Menu para adicionar nova tag para o Google Tag Manager\" class=\"wp-image-16035\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/3-new-tag-gtm.jpg 314w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/3-new-tag-gtm-150x81.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/3-new-tag-gtm-300x162.jpg 300w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/><\/figure><\/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:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/4-googletagmanager-tag-de-rastreamento-1024x474.jpg\" alt=\"Sele&ccedil;&atilde;o do tipo de tag que o usu&aacute;rio deseja adicionar no GTM\" class=\"wp-image-16036\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/4-googletagmanager-tag-de-rastreamento.jpg 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/4-googletagmanager-tag-de-rastreamento-150x70.jpg 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/4-googletagmanager-tag-de-rastreamento-300x139.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/4-googletagmanager-tag-de-rastreamento-768x356.jpg 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/05\/4-googletagmanager-tag-de-rastreamento-990x459.jpg 990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Dica<\/h4>\n                    <p>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<\/p><p>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>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>5. Renomeie a tag de maneira apropriada e clique em Publish (Publicar).<\/p><p>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=\"\/pt\/alojamento-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p>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>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>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=\"\/pt\/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":[4911],"tags":[6634,6633,6630,6629,6632],"class_list":["post-16030","post","type-post","status-publish","format-standard","hentry","category-wordpress","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\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/16030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=16030"}],"version-history":[{"count":20,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/16030\/revisions"}],"predecessor-version":[{"id":39525,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/16030\/revisions\/39525"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=16030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=16030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=16030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}