Google Tag Manager

Funzione di Adobe Commerce {width="20"} Funzionalità esclusiva solo in Adobe Commerce (Ulteriori informazioni)

Google Tag Manager è uno strumento potente che consente di gestire e distribuire in modo efficiente i vari tag (snippet di codice) associati agli eventi della campagna di marketing. Google Tag Manager consente di aggiungere tag di tracciamento al sito per misurare il pubblico, personalizzare, eseguire il retargeting o condurre iniziative di marketing per motori di ricerca.

Google Tag Manager trasferisce direttamente dati ed eventi a Google Analytics, e-commerce avanzato e altre soluzioni di analisi di terze parti per ottenere un quadro chiaro delle prestazioni del sito, dei prodotti e delle promozioni.

Per continuare il processo, è necessario disporre di un account Google Analytics e di un account Tag Manager. Le istruzioni seguenti illustrano come configurare gli account Google, configurare il Commerce store e creare un tag.

NOTE
Se la tua azienda è soggetta alle normative sulla privacy come il Regolamento generale sulla protezione dei dati e/o il California Consumer Privacy Act, consulta Impostazioni sulla privacy di Google.

Passaggio 1: Configura l'account Google Analytics

Consulta Configurare la ricerca del sito nella Guida di Google per le nozioni di base necessarie per iniziare. Consulta anche le guide di Google per Google Analytics e Google Tag Manager.

  1. Accedi al tuo account Google Analytics.

  2. Per abilitare Internal Site Search Tracking, eseguire le operazioni seguenti:

    • Passa a Select View > View Settings.

    • Imposta Site Search Tracking su On.

    • Imposta il parametro Query su q.

    • Al termine, Save le impostazioni.

  3. Per attivare le funzioni di visualizzazione, effettuare le seguenti operazioni:

    • Scegli Property Settings.

    • In Advertising Features, impostare Enable Demographics and Interest Reports ​su On.

    • Save le impostazioni.

  4. Per abilitare il tracciamento di e-commerce, effettuare le seguenti operazioni:

    • Passa a Select View > Ecommerce Settings.

    • Imposta Enable Ecommerce su On.

    • Imposta Enable Enhanced Ecommerce Reporting su On.

    • Save le impostazioni.

  5. Ricarica la pagina e verifica che tutte le impostazioni rimangano On.

    note note
    NOTE
    Se non tutte le impostazioni sono On, ripetere i passaggi precedenti, salvare e ricaricare la pagina. Ripetere il processo finché tutte le impostazioni non sono impostate su On.

Passaggio 2: Configura l'account Google Tag Manager

Le istruzioni seguenti mostrano come configurare un nuovo contenitore con le impostazioni di base. Un esempio di file di configurazione Composer (.json) viene utilizzato per semplificare il processo, importando per generare un tag in un nuovo contenitore. In questo esempio, si consiglia di creare un contenitore, anziché modificare un contenitore esistente.

NOTE
Per ulteriori informazioni, vedere l'esportazione e l'importazione del contenitore Google. Queste istruzioni forniscono una procedura dettagliata per importare un JSON di esempio in un nuovo contenitore.
  1. Scarica il file collegato GTM_M2_Config_json.txt, apri il file in un editor e salvalo come GTM_M2_Config.json.

    Il file JSON viene caricato direttamente in Google Tag Manager.

  2. Passa a Admin > Container > Import Container.

  3. Fare clic su Choose container file e selezionare il file JSON.

  4. In Choose workspace, fare clic su New.

  5. Immettere un titolo e una descrizione, quindi fare clic su Save.

  6. Per importare il file, selezionate una delle seguenti azioni:

    • Selezionare l'opzione Overwrite per un nuovo contenitore.

    • L'opzione Merge deve essere selezionata se si utilizza un contenitore esistente.

  7. Fare clic su Preview per esaminare tag, trigger e variabili.

  8. Per modificare Google Analytics ID a cui si fa riferimento nelle variabili, eseguire le operazioni seguenti:

    • Passa a Variables > User-Defined Variables.

    • Scegli Google Analytics e aggiorna il segnaposto (UA-xxxxxx-x) con il tuo GA ID.

  9. Segui le istruzioni di Google per aggiungere tag, trigger e variabili al nuovo contenitore.

    Se disponi di impostazioni in un altro contenitore che desideri utilizzare, puoi spostarle nel nuovo contenitore.

  10. Al termine, fai clic su Confirm.

  11. Segui le istruzioni di Google per la pubblicazione del nuovo contenitore.

Passaggio 3: Configurare lo store

NOTE
A partire dalla versione 2.4.5, l’integrazione dei servizi Google viene aggiornata per supportare l’utilizzo delle API GTag. GTag è un meccanismo unificato per l’integrazione con le funzionalità di Google per le pagine web e supporta le funzionalità e le opportunità più recenti per il tracciamento e la gestione dei contenuti tramite Google Services.
  1. Accedi all’amministratore del tuo store di Commerce.

  2. Nella barra laterale Admin, passa a Stores > Settings>Configuration.

  3. Nel pannello a sinistra, espandi Sales e scegli Google API.

  4. Espandi Il selettore di espansione nella sezione Google Analytics e configura quanto segue:

    Configurazione vendite - Google Analytics {width="600" modal="regular"}

    • Imposta Enable su Yes.

    • Imposta Account type su Google Tag Manager.

    • Nel campo Container ID, immetti il tuo ID GTM (GTM-xxxxxx).

    • Se si utilizza anche Google Analytics per gli esperimenti di contenuto, impostare Abilita esperimenti di contenuto su Yes.

    • Utilizzare i valori predefiniti per i campi rimanenti.

  5. Al termine, fare clic su Save Config.

  6. Verifica le impostazioni di Google Tag Manager e che tutto funzioni correttamente.

NOTE
Ogni contenitore è associato a un sito web e serve un solo contenitore per account. Se disponi di un’istanza Commerce multisito, sono necessari contenitori separati.

Descrizioni dei campi

Campo
Ambito
Descrizione
Enable
Visualizzazione store
Determina se l’e-commerce avanzato di Google Analytics può essere utilizzato per analizzare l’attività nel tuo store. Opzioni: Yes / No
Account type
Visualizzazione store
Determina il codice di tracciamento di Google utilizzato per monitorare l'attività e il traffico dell'archivio. Opzioni: Google Analytics / Google Tag Manager
Anonymize IP
Visualizzazione store
Determina se rimuovere le informazioni di identificazione dagli indirizzi IP visualizzati nei risultati di Google Analytics.
Enable Content Experiments
Visualizzazione store
Attiva Google Content Experiments, che può essere utilizzato per testare fino a dieci versioni diverse della stessa pagina. Opzioni: Yes / No
Container Id
Visualizzazione store
Se Google Tag Manager è già installato e configurato per il tuo archivio, l'ID contenitore viene visualizzato automaticamente in questo campo.
List property for the catalog page
Visualizzazione store
Identifica la proprietà Tag Manager associata alla pagina del catalogo. Valore predefinito: Catalog Page
List property for the cross-sell block
Visualizzazione store
Identifica la proprietà Tag Manager associata al blocco di cross-selling. Valore predefinito: Cross-sell
List property for the up-sell block
Visualizzazione store
Identifica la proprietà Tag Manager associata al blocco di up-sell. Valore predefinito: Up-sell
List property for the related products block
Visualizzazione store
Identifica la proprietà Tag Manager associata al blocco di prodotti correlati. Valore predefinito: Related Products
List property for the search results page
Visualizzazione store
Identifica la proprietà Tag Manager associata alla pagina dei risultati della ricerca. Valore predefinito: Search Results
“Internal Promotions” for promotions field “Label”
Visualizzazione store
Identifica la proprietà Tag Manager associata alle etichette per le promozioni interne. Valore predefinito: Label

Creare un tag per tracciare le conversioni

Se disponi di un account Google AdWords, puoi creare un tag che tiene traccia delle conversioni. Nell'esempio seguente viene illustrato come utilizzare sia Google Tag Manager che Google Analytics per creare un tag che viene attivato nella pagina di conversione Operazione riuscita del tuo archivio.

Passaggio 1: Creare un tag

  1. Accedi al tuo account Google Tag Manager e fai clic sul collegamento per il contenitore creato per il tuo archivio.

  2. Nella casella New Tag fare clic su Add a new tag.

  3. Ottieni le seguenti informazioni dal tuo account AdWords:

    • ID conversione
    • Etichetta di conversione

    Se hai bisogno di assistenza, visita il sito di supporto di Google.

  4. Dal dashboard Google Tag Manager, fare clic su Google AdWords ed eseguire le operazioni seguenti:

    • Fare clic sul segnaposto del titolo e immettere un nome per il nuovo tag.

    • In Choose Product, selezionare Google AdWords.

    • In Choose a Tag Type, selezionare AdWords Conversion Tracking ​e fare clic su Continue.

  5. Immetti Conversion ID e Conversion Label dal tuo account AdWords e fai clic su Continue.

Passaggio 2: Creare una regola

Continuando dal dashboard Google Tag Manager, il passaggio successivo consiste nel creare una regola che attivi il tag nella pagina di conversione.

  1. In Fire On, fare clic su Some Pages.

  2. Nella sezione Choose Pages, completare le impostazioni seguenti:

    • Name - Immettere un nome per la descrizione della pagina.

    • Variable url

    • Operazione - matches RegEx

      Per ulteriori informazioni, vedere Operatori di selettori Regex e CSS nella Guida di Google Tag Manager.

    • Value - checkout/success.*

  3. Selezionare la casella di controllo verde e fare clic su Save.

    Il trigger impostato viene visualizzato come pulsante blu nella sezione Attivato.

  4. Al termine, fare clic su Save Tag.

Passaggio 3: Anteprima e pubblicazione

Il passaggio successivo nel processo consiste nell’visualizzare in anteprima il tag. Ogni volta che il tag viene visualizzato in anteprima, viene salvata un’istantanea della versione. Quando si è soddisfatti dei risultati, passare alla versione che si desidera utilizzare e fare clic su Publish.

Tag HTML personalizzato con JavaScript

Questa sezione spiega come aggiungere un Nonce CSP al JavaScript di tag HTML personalizzato per l’esecuzione sulla pagina di pagamento, garantendo la conformità con i requisiti Content Security Policy (CSP). Questa aggiunta migliora la sicurezza del sito impedendo l'esecuzione di script non autorizzati. Per informazioni più dettagliate, consulta la documentazione di Content Security Policy.

NOTE
L'importazione della variabile globale cspNonce in Google Tag Manager è supportata solo in Adobe Commerce versione 2.4.8 e successive.
WARNING
L'aggiunta di script sconosciuti al tuo archivio può comportare il rischio di compromissione dei dati. Gli script autorizzati nella pagina di pagamento possono sottrarre informazioni riservate dei clienti, inclusi i dettagli di pagamento. È essenziale prendere precauzioni per proteggere il tuo account Google Tag Manager. Aggiungi solo script attendibili, controlla e controlla regolarmente i tag e implementa misure di sicurezza avanzate come l’autenticazione a due fattori (2FA) e i controlli di accesso.

Passaggio 1: Creare una variabile Nonce CSP

Puoi creare una variabile Nonce CSP che può essere utilizzata all’interno di Google Tag Manager importando la configurazione della variabile o configurandola manualmente.

Importare la configurazione della variabile

La variabile Nonce CSP è inclusa nel contenitore di esempio GTM_M2_Config_json.txt. Puoi creare la variabile importando questo codice nell’area di lavoro.

Creare la variabile manualmente

Se non riesci a importare la configurazione della variabile, completa i passaggi seguenti per crearla.

  1. Nell'area di lavoro, passa alla sezione Variabili nella barra laterale.
  2. Fai clic sul pulsante Nuovo nella parte inferiore della pagina nella sezione Variabili definite dall'utente.
  3. Denomina la variabile gtmNonce.
  4. Fai clic sull’icona della matita per modificare la variabile.
  5. Seleziona Variabile JavaScript dalla sezione Variabile pagina.
  6. Nel campo Nome variabile globale immettere window.cspNonce.
  7. Salva la variabile.

Per ulteriori informazioni sulle variabili di Google Tag Manager, consulta Tipi di variabili definite dall'utente per il Web nella documentazione di Google. Questa documentazione offre indicazioni dettagliate sulla creazione e la gestione di variabili personalizzate per adattare la gestione dei tag a esigenze di marketing e analisi specifiche.

Passaggio 2: Creare un tag HTML personalizzato

  1. Nell'area di lavoro, passa alla sezione Tag nella barra laterale.

  2. Fare clic sul pulsante Nuovo.

  3. Nella sezione Configurazione tag, seleziona Tag HTML personalizzato.

  4. Immettere il JavaScript richiesto nell'area di testo e aggiungere un attributo nonce al tag di apertura <script> che punta alla variabile creata nel passaggio precedente. Ad esempio:

    code language-html
    <script nonce="{{gtmNonce}}">
        // Your JavaScript code here
    </script>
    
  5. Selezionare Documento di supporto.scrittura.

  6. Nella sezione Attivazione selezionare il trigger desiderato. Ad esempio, Inizializzazione del consenso - Tutte le pagine.

Per ulteriori informazioni su Tag in Gestione tag di Google, vedere Tag personalizzati nella documentazione di Google.

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5