Como adicionar o GTM (Google Tag Manager) no Functions.php e Elementor

Segue abaixo um processo realizado para inserir o Google Tag Manager em um site WordPress usando Elementor este procedimento é recomendado para não instalar um plugin para fazer essa pequena requisição, então é só inserir o trecho de código abaixo no arquivo functions.php isso deixa o site mais leve pois usa apenas uma requisição.

// please, replace the GTM-XXXX
add_action( 'wp_head', 'custom_add_google_tag_manager_head', 0 );
function custom_add_google_tag_manager_head () {
	?>
	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&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-XXXX');</script>
	<!-- End Google Tag Manager -->
	<?php
}
// replace the GTM-XXXX here too
add_action( 'elementor/page_templates/canvas/before_content', 'custom_add_google_tag_manager_body' );
function custom_add_google_tag_manager_body () {
	?>
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->
	<?php
}

Como usar

Primeiro você precisa de um cadastro no https://marketingplatform.google.com/intl/pt-BR_br/about/tag-manager/

E criar um código de rastreamento vc vai precisar da sua tag única e vai substituir pelo XXXX

depois você vai acessar o seu painel do WordPress e vai no caminho Aparência > Editor de Temas

Vá para o lado direito e procure o functions.php e clique sobre ele.

Agora Adicione o código modificado com seu GTM

Uma dica eu gosto de usar o Bloco ed notas ou noteped++

Bem simples abra o bloco de notas > Editar > Substituir (CTRL+H)

Coloque o XXXX no localizar e o seu código no Substituir por.

Em seguida botão “Substituir Tudo”

Basta colar dentro do Functions e salvar no botão azul abaixo “atualizar arquivo” (obs. o botão pode ser de outra cor caso tenha personalizado seu painel do Wordpres rs.)

Referências:

Artigo base de pesquisa

iwwa

https://kb.iwwa.com.br/como-adicionar-o-gtm-em-sites-com-elementor/