Google Tag Manager

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

Google Tag Manager consente di gestire i numerosi tag (snippet di codice) correlati 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. Per ulteriori informazioni, consulta la documentazione per gli sviluppatori Google Analytics.
  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 utilizzi anche Google Analytics a esperimenti di contenuto, imposta 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.

Passaggio 4: Aggiungi il codice GTM al tuo store di Adobe Commerce

  1. Per copiare il codice GTM, vai a Admin > Install Google Tag Manager.

    Due snippet di codice GTM da aggiungere al sito Commerce: il primo per il tag <head> e il secondo per il tag <body>.

  2. In Amministrazione Commerce, vai a Content > Design>Configuration ​e apri la visualizzazione archivio in modalità di modifica.

  3. In Other Settings, espandi HTML Head ​e incolla il codice copiato da GTM per il tag <head> nel campo Scripts and Style Sheets.

    Inserimento di codice nell'intestazione del HTML {width="600" modal="regular"}

  4. Espandere Footer e incollare il codice GTM per <body> nel campo Miscellaneous HTML.

    Inserimento di codice nel piè di pagina {width="600" modal="regular"}

  5. Al termine, fare clic su Save Configuration.

Descrizioni dei campi

Campo
Ambito
Descrizione
Enable
Visualizzazione store
Determina se è possibile utilizzare l’e-commerce Google Analytics avanzato 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 le informazioni di identificazione vengono rimosse dagli indirizzi IP visualizzati nei risultati delle 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.

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