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.
-
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.
-
Passa a Admin > Container > Import Container.
-
Fare clic su Choose container file e selezionare il file JSON.
-
In Choose workspace, fare clic su New.
-
Immettere un titolo e una descrizione, quindi fare clic su Save.
-
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.
-
-
Fare clic su Preview per esaminare tag, trigger e variabili.
-
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.
-
-
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.
-
Al termine, fai clic su Confirm.
-
Segui le istruzioni di Google per la pubblicazione del nuovo contenitore.
Passaggio 3: Configurare lo store
-
Accedi all’amministratore del tuo store di Commerce.
-
Nella barra laterale Admin, passa a Stores > Settings>Configuration.
-
Nel pannello a sinistra, espandi Sales e scegli Google API.
-
Espandi
-
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.
-
-
Al termine, fare clic su Save Config.
-
Verifica le impostazioni di Google Tag Manager e che tutto funzioni correttamente.
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
-
Accedi al tuo account Google Tag Manager e fai clic sul collegamento per il contenitore creato per il tuo archivio.
-
Nella casella New Tag fare clic su Add a new tag.
-
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.
-
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.
-
-
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.
-
In Fire On, fare clic su Some Pages.
-
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.*
-
-
Selezionare la casella di controllo verde e fare clic su Save.
Il trigger impostato viene visualizzato come pulsante blu nella sezione Attivato.
-
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.
cspNonce
in Google Tag Manager è supportata solo in Adobe Commerce versione 2.4.8 e successive.