Como instalar o Google Tag Manager em WordPress sem plugin
Como instalar o Google Tag Manager (GTM) em WordPress sem plugin. Porque sem plugin? Os plugins apesar de úteis e necessários acabam por tornar o site mais lento. A maioria dos plugins carregam scripts para funcionar corretamente, o tamanho do scripts depende geralmente das características do plugin. Assim, se o plugin tiver muitas funcionalidades, o site terá muito provavelmente de carregar scripts adicionais e, como resultado, demorará mais tempo a carregar.
Não que sejam todos assim, mas é recomendável evitá-los se possível. No caso da instalação do Google Tag Manager acredito ser um dos exemplos em que deverá ser evitado. É fácil de aplicar e os plugins que normalmente tem esta funcionalidade trazem uma carga muito maior do que necessário para este trabalho em concreto.
Como obter o código do Google Tag Manager
Para começar vamos criar conta no GTM para obter o código que terá de ser inserido no site em WordPress. Para quem já criou a conta, basta clicar no canto superior direito no ID da conta que começa por GTM-XXXXXXX.
Aí copiam o 1.º código, o do <head>.
Por norma ignoro o segundo. Porquê? A parte superior (script) é a essência do Google Tag Manager. Quanto mais alto o colocar no código do site, mais cedo ele será carregado, portanto, as suas etiquetas de rastreio irão capturar os dados mais cedo e mais eficazmente. O segundo código só é iniciado quando o Javascript (JS) está desativado no navegador do utilizador. Dado que sem JS a maior parte das páginas que visitam não funcionariam propriamente, 99,9% das pessoas utilizam-no. Tornando este código irrelevante na maior parte dos casos.
Como adicionar o código do GTM ao WordPress
Acede ao teu painel de administração em algo como teusite.pt/wp-admin/. No menu do lado esquerdo seleciona Apresentação e no submenu o Editor de temas.
Agora no lado direito tem uma lista de Ficheiros do tema. Escolhe o functions.php. Iras ver o código desse ficheiro, faz scroll para o final e no fim cola este código:
add_action( 'wp_head', 'google_tag_manager_head' );
function 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-XXXXXXX');</script>
<!-- End Google Tag Manager -->
<?php
}Este código irá inserir no topo do <head> o código do GTM conforme recomendado. Atenção que entre <!– Google Tag Manager –> e <!– End Google Tag Manager –> deves substituir com o teu próprio código que adquiriste no 1.º passo no Google Tag Manager.
Clica no botão Atualizar ficheiro. Feito!
O GTM já está instalado no teu site WordPress
Não te esqueças de testar! Através do Pré-visualizar no GTM (canto superior direito), ferramentas para desenvolvedores no teu navegador (clica no botão direito na tua pagina e seleciona Inspecionar, pesquisa “GTM”, se encontrares é porque está instalado) ou com a extensão Tag Assistant Legacy.
Agora, sempre que precisares de adicionar, testar, ou implementar novas tecnologias, só tens de o fazer no Google Tag Manager.
Gostavas de instalar o WordPress no teu PC para poderes praticar primeiro? Visita o meu artigo sobre Como instalar o WordPress localmente no PC em 3 etapas simples.