Come implementare Google Tag Manager in WordPress

installare google tag manager in wordpress

Volete iniziare ad utilizzare il pratico Google Tag Manager nel vostro sito WordPress, ma non sapete da dove iniziare? Ci sono diverse soluzioni per implementarlo correttamente.

 

Prima di installare Google Tag Manager dobbiamo, ovviamente, avere un account e creare un contenitore per il nostro sito web.

set up container GTM

 

Una volta terminato ci verranno forniti due codici, uno da installare nella sezione head e l’altro nella sezione body.

Installare Google Tag Manager

Ora che abbiamo ottenuto i nostri tanto agognati codici cosa ne facciamo?

Entrando nei backend dei più disparati clienti quello che salta sempre all’occhio è l’uso smodato di plugin, soprattutto quando non c’è una vera e propria necessità. Ricorrente è infatti l’uso di soluzioni alla portata di click per installare i tanto amati Google Analytics e Google Tag Manager.

 

Come installare Google Tag Manager tramite Plugin

Uno dei plugin per WordPress più utilizzati è sicuramente “DuracellTomi’s Google Tag Manager for WordPress“.

Dopo averlo attivato, sarà sufficiente inserire il tuo ID di Tag Manager (GTM-XXXXXX) nella sezione all’interno del Plugin, il gioco è fatto.

Grazie a DuracellTomi’s è anche possibile inserire facilmente i dati all’interno del Data Layer, nella scheda: Basic data. Questa funzione può essere molto utile in un secondo momento, ad esempio per passare dei dati e-commerce.

Oggi però cercherò di spiegarvi quanto possa essere semplice rapido e indolore il copia e incolla del codice di Google Tag Manager in WordPress, senza nessun plugin.

 

Come installare Google Tag Manager tramite Editor

Prima di procedere con command+c (per i windozziani ctrl+c) è bene avere a portata di mano:

  • Accessi FTP (così da poter usare anche il command+z in caso di errore)
  • Tema Child attivo così da non perdere le modifiche se vi venisse voglia di aggiornare il tema in una calda giornata d’estate

Fatto?

Ora che abbiamo tutto l’occorrente possiamo procedere senza timori.

Entriamo nel nostro pannello FTP o se siete dei veri temerari usate l’editor di WordPress che trovate in Aspetto / Editor e cercate il file header.php

Incolliamo i rispettivi codici nelle rispettive sezioni (HEAD / BODY) come da screenshot ed il gioco è fatto.

Vi basterà salvare e avrete Google Tag Manager perfettamente funzionante senza aver appesantito il vostro amato WordPress con un Plugin. Se usate il tema child, come dicevo prima, non ci sono “contro”, aggiornando il tema, infatti, non perderete nulla delle modifiche effettuate al tema.

 

Come installare Google Tag Manager tramite file functions.php

Alle volte aprendo il file header (specie se il tema è stato acquistato su Themeforest e simili) può succedere di trovare codici che richiamano altre parti di codice e trovarsi in un labirinto magico di html ed uscirne confusi e non propriamente felici. Per evitare tutto questo possiamo agire sul file functions.php del nostro WP e copiare e incollare questo script alla fine, mi raccomando prima della chiusura del codice ?> e non dopo.

function tmi_head_snippet() {
$snippet = "<!-- 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-XXXXXX');</script>
<!-- End Google Tag Manager -->";
echo $snippet;
}
add_action( 'wp_enqueue_scripts', 'tmi_head_snippet', 10000);
add_filter('body_class', 'tmi_snippet', 10000);
function tmi_snippet( $classe)
{
$snippet = <<<'TMI'
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
TMI;
$classe[] = '">' . $snippet . '<br style="display:none';
return $classe;
}

Ovviamente dovrete sostituire GTM-XXXXXX con il vostro codice, quello che avete ottenuto creando il contenitore per il vostro sito web.

Grazie a queste due soluzioni riuscirete ad installare un plugin in meno e a dimostrarvi dei super pro di WordPress rendendo felici quelli come me che guardano i vostri backend, quelli che controllano GTMatrix per una gara alla velocità più lunga e quelli di Mr Google che apprezzeranno i vostri siti più snelli e performanti.

Articoli Correlati

Come fare il backup di WordPress

I backup sono importanti, lo sappiamo da sempre, ce lo ripetono in continuazione, il nostro amato CMS ce lo sottolinea ogni volta che c’è da... more

Verificare la sicurezza di WordPress (nerd edition)

Che la Forza sia con te E con il tuo sito Da un pò di tempo a questa parte la sicurezza informatica è diventata un tema mainstream Se ne... more

Come ottimizzare le immagini per il web

Per il secondo capito della nostra amata saga "Come velocizzare Wordpress", parleremo di ottimizzazione delle immagini per il web e come... more

Vuoi essere il nostro prossimo cliente felice?

Ogni anno gestiamo oltre 100 clienti, il 99% sono felici!