Hai bisogno di inserire un contenitore del Google Tag Manager nel tuo sito WordPress?
Ecco come fare.
Vai alla dashboard del Google Tag Manager.
Se non hai un account, crealo cliccando su crea un Account.
Aggiungi o configura un contenitore nell’account.
Dai un nome all’account, seleziona il Paese, dai un nome al contenitore e premi sul pulsante Crea per creare il contenitore che userai per il tuo sito web.
Ecco il codice che dovrai inserire nel tuo sito, sarà molto simile a questo ma con i tuoi dati:
Come fare per aggiungerlo a WordPress?
Tramite plugin
Il metodo più semplice, è tramite il plugin GTM4WP oppure il Site Kit by Google.
In questo articolo ti mostrerò come inserire il Tag Manager con il primo plugin, ma anche il secondo è molto valido (e semplice da usare).
Dovrai solo inserire il tuo Google Tag Manager ID e salvare.
Finito.
Senza plugin
Se non vuoi usare un plugin, puoi o aggiungere i codici nel tema, oppure creare una funzione per aggiungerli.
Il primo codice va inserito nell’<head> del tuo tema WordPress.
Il secondo codice va inserito subito dopo l’apertura del tag <body> del tuo tema WordPress.
Se hai un tema classico, puoi aggiungere i codici nel file header.php, meglio se nel tema child, controllando di inserirli nei punti corretti (<head> e <body>)
Se hai un tema a blocchi, aggiungi questo codice nel file functions.php (crea due funzioni per inserire il codice richiesto nei punti corretti):
// Define your Google Tag Manager ID (e.g., GTM-XXXXXX)
if ( ! defined( 'RIACO_GTM_ID' ) ) {
define( 'RIACO_GTM_ID', 'GTM-XXXXXX' );
}
/**
* Inserts the GTM script into the <head> section.
*
* Hooked to 'wp_head' with a high priority to ensure it appears just before </head>.
*/
function riaco_insert_gtm_head_script() {
if ( ! defined( 'RIACO_GTM_ID' ) || empty( RIACO_GTM_ID ) ) {
return;
}
?>
<!-- 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','<?php echo esc_js( RIACO_GTM_ID ); ?>');
</script>
<!-- End Google Tag Manager -->
<?php
}
add_action( 'wp_head', 'riaco_insert_gtm_head_script', 99 );
/**
* Inserts the GTM <noscript> fallback right after <body> tag.
*
* Hooked to 'wp_body_open' which is supported in WordPress 5.2+.
*/
function riaco_insert_gtm_body_noscript() {
if ( ! defined( 'RIACO_GTM_ID' ) || empty( RIACO_GTM_ID ) ) {
return;
}
echo '<!-- Google Tag Manager (noscript) -->' . PHP_EOL;
echo '<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=' . esc_attr( RIACO_GTM_ID ) . '"'
. ' height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>' . PHP_EOL;
echo '<!-- End Google Tag Manager (noscript) -->' . PHP_EOL;
}
add_action( 'wp_body_open', 'riaco_insert_gtm_body_noscript' );Sostituisci il Google Tag Manager ID GTM-XXXXXX con il tuo.
Complimenti, hai appena inserito il tuo contenitore del Google Tag Manager nel tuo sito WordPress.
Al momento il GTM viene inserito in tutte le pagine. Se vuoi evitare di inserirlo nel wp-admin, puoi aggiungere questo codice appena dopo l’inizio delle due funzioni:
if ( is_admin() ) {
return;
}Se vuoi evitare di aggiungere il GTM per gli utenti loggati di WordPress come l’amministratore, potresti aggiungere subito dopo l’inizio delle due funzioni:
if ( is_user_logged_in() ) {
return;
}
