Guide utili
      Torna alla home page
      1. Centro assistenza STILEO
      2. Tracciamento ordini GLAMI (Pixel, Google Analytics)
      3. Guide utili

      Come implementare STILEO Pixel tramite Google Tag Manager (GTM)?

      La guida fornisce indicazioni su come implementare il STILEO Pixel tramite Google Tag Manager seguendo quattro passi fondamentali. Il processo richiede informazioni come la chiave API, il prefisso del paese e il valore del consenso del cookie.

      Aggiungi il template STILEO Pixel al tuo workspace

      Si trova nella Galleria modelli della community, disponibile qui.

      Ci sono quattro eventi nel STILEO Pixel:

      PageView

      Chiamato su ogni pagina

      ViewContent

      Chiamato quando un cliente visualizza un prodotto

      AddToCart

      Chiamato quando un cliente aggiunge un articolo al suo carrello

      Transaction

      Chiamato quando l'ordine è completato
      • Per creare un nuovo tag, basta entrare nella pagina "Tag" del Tag Manager e fare clic su "Crea nuovo".
      • Ogni tag è composto da due parti: la configurazione del tag che gli comunica cosa fare e un grilletto che gli indica quando farlo.

      STILEO Pixel - PageView (evento 1/4)

      Denomina il primo tag "GLAMI Pixel - PageView" e seleziona il tipo di tag "GLAMI Pixel". Per cominciare, è necessario compilare quattro informazioni:

      • Chiave API - Si trova nel pannello STILEO. Clicca su "GLAMI Pixel" nel menu e poi su Stileo piXel guida all'implementazione per gli sviluppatori.
      • Codice paese - Si tratta di un codice di due lettere che identifica il paese. È possibile trovarlo come codice Alpha-2 su questo sito web: https://www.iban.com/country-codes.
        • Esempi: Italia -> IT, Romania -> RO
      • Parametro di consenso cookie - Il valore che contiene il consenso ai cookie.
      • Tipo di traccia - Permette di scegliere il tipo di evento tra i quattro disponibili.

      Quindi, è necessario selezionare il grilletto. Per questo tag, è possibile utilizzare uno dei grilletti predefiniti chiamato "All Pages" (Tutte le pagine). In questo modo il Pixel sarà attivo su tutte le pagine.

      STILEO Pixel - ViewContent (evento 2/4)

      Denomina il secondo tag "GLAMI Pixel - ViewContent" e seleziona il tipo di tag "GLAMI Pixel". Ci sono quattro informazioni essenziali da inserire:

      • Chiave API - Si trova nel pannello STILEO. Clicca su "GLAMI Pixel" nel menu e poi su Stileo Pixel guida all'implementazione per gli sviluppatori.
      • Codice paese - Si tratta di un codice di due lettere che identifica il paese. È possibile trovarlo come codice Alpha-2 su questo sito web: https://www.iban.com/country-codes.
        • Esempi: Italia -> IT, Romania -> RO
      • Parametro di consenso cookie - Il valore che contiene il consenso ai cookie.
      • Tipo di traccia - Permette di scegliere il tipo di evento tra i quattro disponibili.

      Ci sono anche due valori specifici per questo Tag:

      • Tipo di contenuto - Si può selezionare se il contenuto della pagina è un prodotto specifico o una categoria.
      • ID del prodotto - ITEM_ID del prodotto visualizzato. Assicurati che gli ID siano gli stessi del feed.

      Prima di procedere, è necessario aggiungere un grilletto a questo tag.

      • Seleziona il tipo Page View - Window Loaded.
      • Poi, Some Window Loaded Events.
      • Scegli Page URL e contains.

      L'ultima parte varia in base al proprio sito web. L'URL deve contenere un elemento della pagina di conferma dell'ordine. Ecco alcuni esempi:

      • prodotto - https://MyWebsite.com/prodotto/35256.html
      • articolo - https://MyWebsite.com/articolo/donna/scarpe/123

      Si prega di notare che i Trigger esatti e i Data Layer Variable Names mostrati nel video sono solo un esempio e devono essere adattati al proprio sito web.

      STILEO Pixel - AddToCart (evento 3/4)

      Denomina il terzo tag "GLAMI Pixel - AddToCart" e seleziona il tipo di tag "GLAMI Pixel". Ci sono quattro informazioni essenziali da inserire:

      • Chiave API - Si trova nel pannello STILEO. Clicca su "GLAMI Pixel" nel menu e poi su Stileo piXel guida all'implementazione per gli sviluppatori.
      • Codice paese - Si tratta di un codice di due lettere che identifica il paese. È possibile trovarlo come codice Alpha-2 su questo sito web: https://www.iban.com/country-codes.
        • Esempi: Italia -> IT, Romania -> RO
      • Parametro di consenso cookie - Il valore che contiene il consenso ai cookie.
      • Tipo di traccia - Permette di scegliere il tipo di evento tra i quattro disponibili.

      Ci sono anche quattro valori specifici per questo Tag:

      • ID dei prodotti - ITEM_ID del prodotto aggiunto.
      • Nome del prodotto - Nome del prodotto aggiunto.
      • Prezzo del prodotto - Prezzo del prodotto aggiunto.
      • Valuta del prezzo del prodotto - Valuta del prezzo del prodotto.

      Poiché la visualizzazione del carrello è spesso facoltativa e gli utenti possono andare direttamente al checkout, questo tag deve essere attivato quando un utente aggiunge il prodotto al carrello.

      Questo può essere fatto con il tipo di grilletto "Click - All Elements".

      Si prega di notare che i Trigger esatti e i Data Layer Variable Names mostrati nel video sono solo un esempio e devono essere adattati al proprio sito web.

      STILEO Pixel - Transaction (evento 3/4)

      Denomina il terzo tag "GLAMI Pixel - Transaction" e seleziona il tipo di tag "GLAMI Pixel". 

      Ci sono quattro informazioni essenziali da inserire:

      • Chiave API - Si trova nel pannello STILEO. Clicca su "GLAMI Pixel" nel menu e poi su Stileo piXel guida all'implementazione per gli sviluppatori.
      • Codice paese - Si tratta di un codice di due lettere che identifica il paese. È possibile trovarlo come codice Alpha-2 su questo sito web: https://www.iban.com/country-codes.
        • Esempi: Italia -> IT, Romania -> RO
      • Parametro di consenso cookie - Il valore che contiene il consenso ai cookie.
      • Tipo di traccia - Permette di scegliere il tipo di evento tra i quattro disponibili.

      Ci sono anche cinque valori addizionali per questo Tag:

      • ID della transazione - Il numero usato per identificare la transazione.
      • Valore dell'ordine - Valore totale della transazione.
      • Valuta dell'ordine - Valuta del valore dell'ordine.
      • Nomi dei prodotti - Nomi di tutti gli articoli acquistati.
      • ID dei prodotti - ID_ITEM di tutti gli articoli acquistati. Assicurati che gli ID siano gli stessi del feed.

      Il grilletto può essere aggiunto in modo simile a quello di ViewContent.

      • Scegli il tipo Page View - Window Loaded
      • Seleziona Some Window Loaded Events
      • Scegli Page URL e contains.

      L'ultima parte varia in base al proprio sito web. L'URL deve contenere un elemento della pagina di conferma dell'ordine. Ecco alcuni esempi:

      • grazie - https://MyWebsite.com/order/grazie
      • ordine_ricevuto - https://MyWebsite.com/ordine_ricevuto/24625

      Si prega di notare che i Trigger esatti e i Data Layer Variable Names mostrati nel video sono solo un esempio e devono essere adattati al proprio sito web.

      Congratulazioni!

      STILEO Pixel è ora implementato. Non dimenticare di pubblicare il tuo contenitore. Si consiglia di provarlo in modalità anteprima.

      Come verificare l'implementazione?

      Per attivare la modalità anteprima e la modalità debug per lo spazio di lavoro attivo:

      1. Fai clic su Anteprima nella parte superiore a destra del tuo workspace.
      2. Inserisci l'URL del tuo sito.
      3. Alcuni siti o pagine potrebbero risultare non funzionanti se si aggiunge un parametro di debug all'URL. In tal caso, è possibile deselezionare la opzione " Include debug signal in the URL".
      4. Fai clic su Connetti. Il sito si apre in una nuova finestra e viene visualizzato come Connesso nella parte inferiore a destra.
      5. Clicca di nuovo sulla scheda Tag Assistant e fai clic su Continua per accedere nel pannello debug.

      La barra di navigazione elenca le possibilità di accesso alle informazioni sui Tag, sulle Variabili e sul Livello dati, mentre la barra Sommario indica un elenco di eventi.

      Tag: Fai clic su Tag per vedere quali tag sono stati attivati e quali no. Cliccando sul tag si visualizzano le proprietà del tag e i grilletto pertinenti. Quando si seleziona un evento nella colonna a sinistra, la scheda Tag mostra lo stato dei tag per quell'evento.

      Variabili: La scheda Variabili mostra informazioni dettagliate sulle variabili dell'evento selezionato, tra cui il tipo di variabile, il tipo di dati inviati e il valore ottenuto. Basta selezionare un evento nella navigazione a sinistra per visualizzare lo stato delle variabili al momento dell'attivazione dell'evento.

      Livello dati: La scheda Livello dati mostra l'esatto messaggio inviato al livello dati per l'evento selezionato e come si presenta il livello dati dopo il completamento dell'operazione. Seleziona un evento nella navigazione a sinistra per visualizzare lo stato del livello dati al momento dell'attivazione dell'evento.

      FAQ

      Posso implementare il Pixel per diversi mercati in un unico dominio?

      Non è possibile utilizzare il modello GTM per implementare più istanze del Pixel in un unico dominio.

      Come creare una nuova variabile?

      Per questo esempio, creeremo una variabile per l'ID della transazione. Anzitutto, accedi alla pagina "Variabile" del tuo Tag Manager e fai clic su "Crea nuovo". La si può chiamare "Transaction ID" (ID transazione) e scegliere il tipo "Data Layer Variable" (Variabile livello dati). Nel nome della variabile del livello dati, si deve scrivere il percorso di questi dati, ad esempio: "ecommerce.transaction_id"

      Come verificare il nome della variabile del livello dati?

      Apri la modalità di anteprima e la modalità debug in Tag Manager e seleziona la scheda "Data Layer". Sarà possibile vedere le informazioni che sono state inviate al livello di dati.

      Per ulteriori informazioni è possibile consultare l'articolo del supporto di Google, disponibile qui. 

      Come creare una variabile GTM a partire da una matrice dataLayer? / Come inviare più ID in una singola variabile?

      Gli ID dei prodotti possono essere distribuiti in due variabili. La prima si chiamerà "transactionProducts" di tipo "Data Layer Variable". Per il nome della variabile del livello dati, seleziona tutti i prodotti, ad esempio: ecommerce.items La seconda sarà chiamato "transactionProductsIds" di tipo "Custom JavaScript". Si aprirà un nuovo campo di testo in cui potresti inserire il seguente codice:

      function () { return .map(function(a) {return a.id;}); }

      Nel tag "GLAMI Pixel - Transaction" è possibile collegare la seconda variabile "transactionProductsIds".

      Devo implementare tutti i tag/eventi?

      No. Si consiglia di implementare tutti i tag, poiché ognuno di essi fornisce informazioni preziose che ci permettono di ottimizzare al meglio le campagne e di ottenere ottime prestazioni. Tuttavia, per le funzionalità di base del Pixel, solo PageView e Transaction sono obbligatori.

      Devo collegare tutte le variabili ai tag?

      No. Si consiglia di inviare tutte le variabili, in quanto ciò ci consente di ottimizzare al meglio le campagne e di ottenere ottime prestazioni.

      Perché ho bisogno del consenso dei cookie?

      Il parametro di consenso permette ai negozi partecipanti di modificare il comportamento di STILEO Pixel in base al consenso degli utenti all'uso dei cookie.

      Se il consenso è valido (valore 1) o se il parametro consenso non e' impostato, STILEO elabora i dati integralmente. Se il consenso non è valido (valore 0), i dati verranno elaborati in modo anonimo, senza utilizzare i dati relativi a un utente specifico.

      STILEO Pixel è fondamentale per il funzionamento ottimale del tuo e-shop su STILEO. Pertanto, ora supporta il parametro Consenso, con il quale l'e-shop partner fornisce informazioni a STILEO per sapere se l'utente abbia fornito il consenso alla creazione di cookie analitici.