Inserire Google Analytics su WordPress

Dopo dopo aver installato WordPress vuoi inserire Google Analytics sul tuo sito WordPress per tracciare il comportamento degli utenti?

Ecco diversi modi per farlo: tramite plugin o tramite tag manager.

Indice

Tramite Plugin
Tramite Tag Manager
- Aggiungere Google Tag Manager a WordPress
- Aggiungere Google Analytics tramite Tag Manager

Tramite Plugin

Il modo più semplice e veloce è quello di usare un plugin per aggiungere Google Analytics al sito WordPress.

Ce ne sono davvero tanti, io ho sempre usato MonsterInsights, ma mi sembra che sia diventato troppo pieno di promozioni e funzionalità non necessarie per quello che serve a me.

Dal menù Insights > Impostazioni puoi collegare il tuo account Google Analytics, oppure puoi inserire manualmente il codice GA4 Measurement ID.

Per semplicità, potresti premere il pulsante Connect Monsterinsights e seguire la procedura guidata. Questo ti consentirà anche di avere accesso ai report direttamente all’interno del plugin, cosa che non è possibile fare se aggiungi il codice manualmente.

Io preferisco inserire manualmente il GA4 ID Misurazione così da evitare di dare accesso in qualche modo ai miei dati ad un altro sistema.

l’ID Misurazione di GA4 è in questo formato: G-XXXXXXXXXX.

Per recuperare il tuo codice ID Misurazione vai sula tua dashboard di Google Analytics, seleziona la proprietà che vuoi usare, poi vai su Amministrazione > Raccolta e modifica dei dati > Stream di dati e Aggiungi stream Web.

Ora dovrai inserire l’url del sito web e dare un nome allo stream.

Una volta creato lo stream, cliccaci sopra per trovare il tuo ID Misurazione GA4.

Copialo ed incollalo nel campo del plugin riferito a Manually enter your GA4 Measurement ID.

Nel menù Engagement > Demographics abilita Anonymize IP per anonimizzare gli indirizzi IP prima di salvarli.

Salva.

Per assicurarti del corretto funzionamento del codice, visita il sito scollegandoti dall’account amministratore (ovvero come utente normale).

Se negli eventi Real Time di Analytics compare una nuova visita, allora funziona tutto.

Tramite Tag Manager

Per poter inserire GA tramite il Tag Manager in WordPress, devi prima inserire il Google Tag Manager sul tuo sito.

Aggiungere Google Tag Manager a WordPress

Vai alla dashboard del Tag Manager e crea un Account (o aggiungi un contenitore al tuo 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?

Il metodo più semplice, è tramite il plugin GTM4WP.

Dovrai solo inserire il tuo Google Tag Manager ID e salvare.

Se non vuoi usare un plugin, puoi o aggiungere i codici nel tema, oppure creare una funzione per aggiungerli.

Per poter inserire i codici richiesti dobbiamo fare 2 punti diversi.

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.