Vai al contenuto principale
Deutsch English (US) Français

Tag Di Acquisto Di Connexity

  • Aggiornato

Questo articolo descrive come configurare il tag Connexity Shopping sul tuo sito di e-commerce per promuovere il targeting e l'ottimizzazione degli acquirenti in scala per la tua campagna di performance marketing Connexity.

Collegamenti agli argomenti in questo articolo

 

PANORAMICA

Perché utilizzare il tag Connexity

I rivenditori si affidano al monitoraggio delle conversioni per comprendere il rendimento delle campagne e il modo in cui esse contribuiscono agli obiettivi aziendali. Per garantire rapporti utili, informazioni strategiche e rendimento ottimali, è essenziale un monitoraggio delle conversioni accurato.

Le soluzioni di marketing che sfruttano i dati di prima parte di un rivenditore stanno diventando sempre più importanti poiché i browser web apportano modifiche incrementali che limitano ulteriormente l'uso dei cookie di terze parti. Il Connexity Shopping Tag consente ai dati di prima parte di alimentare le opportunità di marketing dei prodotti e di perfezionare le prestazioni di ottimizzazione delle campagne Connexity.

Oltre all'installazione del tag Connexity, questo documento riguarda la configurazione di specifici tag di eventi che consentono l'osservazione dell'attività da parte dei visitatori del sito di vendita al dettaglio. Questi dati di eventi, insieme al consenso all'utilizzo dei dati, amplieranno le opportunità di aumento della scala e delle prestazioni della campagna.

Tag di eventi Connexity

Tag Events to Implement

Visualizzazioni delle pagine

visite a qualsiasi pagina del sito del rivenditore

Visualizzazione delle categorie

visite alle pagine delle categorie dei prodotti

Visualizzazione dei prodotti

visite a pagine con offerte di prodotti e dati di descrizione degli stessi

Aggiungi al carrello

l'azione e i dati associati all'aggiunta di uno o più prodotti a un carrello o a un elenco

Conversione

la conversione e i metadati dei prodotti di un acquisto

 

Modalità di utilizzo dei dati dei tag di eventi da parte di Connexity

I dati di eventi osservati dal tag Connexity guidano l'ottimizzazione per le prestazioni della campagna e il marketing rivolti ai clienti o ai potenziali acquirenti.

  • Ottimizzazione: Connexity utilizza i dati di eventi di visita per informare gli algoritmi automatizzati che gestiscono le offerte, i prezzi e la selezione del posizionamento.
  • Marketing : Connexity aggrega i dati di eventi delle visite con altre fonti di dati dei partner per sviluppare segmentazioni basate sugli interessi che aiutano a indirizzare i posizionamenti dell'offerta di prodotti a un pubblico che dimostra forti segnali di intento.

Passaggi importanti

Per installare correttamente il Connexity Shopping Tag, è necessario svolgere tre passaggi:

Passaggio 1

Passaggio 2

Passaggio 3

Installare i tag e gli eventi

consulta le istruzioni di installazione e le opzioni riportate di seguito.

Verificare l'installazione

mantieni installati tutti i tag Connexity esistenti insieme al nuovo tag fino a quando non ottieni la verifica della corretta installazione.

Monitorare la transizione

dopo la convalida con Connexity, eseguiremo il monitoraggio della conversione al nuovo tag.

 

Opzioni di installazione

Sono disponibili due opzioni per l'installazione del nuovo tag Connexity:

  1. Installare il tag Connexity in autonomia : dovrai accedere all'HTML del tuo sito web per inserire il codice di base e il codice dell'evento
  2. Utilizzare un tag manager o un'integrazione della piattaforma

 

INSTALLAZIONE AUTONOMA

Nota: è importante installare il tag su tutte le pagine del tuo sito. Queste istruzioni includono l'aggiunta del tag Connexity a tutte le pagine del sito tramite l'intestazione del sito. Sono contemplate anche pagine ed eventi specifici per i quali verranno aggiunti tag di eventi.

Installare il codice tag sul tuo sito

Copia l'intero codice di seguito e incollalo nell'intestazione del tuo sito web. Incolla il codice nella parte inferiore della sezione dell'intestazione, appena sopra il tag di chiusura </head>. Ci sono tre parti del tag Connexity che devono essere posizionate nell'ordine corretto.

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

<!-- Tag 1 - Initialize cnxDataLayer and cnxtag -->
<script>
     window.cnxDataLayer = window.cnxDataLayer || [];
     function cnxtag(){cnxDataLayer.push(arguments);}
</script>

<!-- Tag 2 - Register pageview or conversion event via cnxtag -->
<script>
     cnxtag('event', 'pageview', {'product_ids':['sku1']});
</script>

<!-- Tag 3 -  Load Connexity Pixel’s cnxtag.js library - call once per page  -->
<script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>

 

Impostare l'evento di conversione

In presenza di una pagina di conferma dell'ordine, sostituisci l'evento di visualizzazione della pagina nel tag 2 di cui sopra con un evento di conversione.

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

cnxtag('event', 'conversion', {
                   'mid': '12345',
                   'cust_type': '1',
                   'order_value': '1.99',
                   'currency': 'EUR',
                   'order_id': '999999',
                   'units_ordered': '3'
                   });

Assicurati di mappare le variabili definite dall'utente secondo i valori dell'evento di conversione nell'ordine appropriato. Ci sono 6 valori da definire come variabili (gli asterischi indicano i campi obbligatori):

  1. mid*- Identificatore del commerciante Connexity
  2. cust_type - 1 per nuovo cliente; 0 per cliente esistente; vuoto se sconosciuto
  3. order_value* - Valore decimale nella valuta locale
  4. currency* - Valuta locale (ad es. USD, EUR, GBP)
  5. order_id*- Identificatore univoco dell'ordine
  6. units_orders - Numero di articoli acquistati

Ecco in che modo il tag di monitoraggio e l'evento di conversione appariranno in una pagina di conversione:

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

<html>
 <head>
     <title>CNX Tag HTML Example – Conversion Page (Order Confirmation Page)</title>
     <script>
       window.cnxDataLayer = window.cnxDataLayer || [];
       function cnxtag(){cnxDataLayer.push(arguments);}
     </script>
     <script>
       cnxtag('event', 'conversion', {
                  'mid': '12345',
                  'cust_type': '1',
                  'order_value': '1.99',
                  'currency': 'EUR',
                  'order_id': '999999',
                  'units_ordered': '3'
                  });
     </script>
     <script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
 </head>
<body><!—PAGE CONTENT --></body>
</html>

IMPORTANTE: se si aggiorna un tag Connexity installato in precedenza, verifica l'installazione e connettiti con Connexity Account Manager prima di rimuovere il tag installato in precedenza.

 

Impostare un evento di visualizzazione della categoria

Imposta l'evento di visualizzazione della categoria. Questo codice di evento deve essere inserito nel tag 2 nelle pagine del sito in cui sono elencati prodotti in base alle categorie.

Il codice di esempio qui sotto può essere utilizzato per impostare il tuo evento di visualizzazione della categoria. Copia e incolla questo codice assicurandoti di mappare i valori degli ID dei prodotti, nonché dei nomi e degli ID delle categorie definiti per il sito nel codice. Consigliamo la tassonomia delle categorie di prodotti di Google, ma si può usare la tassonomia esistente delle categorie.

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

cnxtag('event', 'pageview', {
                     'product_ids':['8888'],
                     'category_name':'digital camera',
                     'category_id':'402'
                     });

Mappa le variabili definite per il sito riferendole ai valori appropriati degli eventi di categoria.

  1. product_ids– ID dei prodotti nelle pagine a livello di categoria. Nota: queste variabili devono contenere un array di stringhe, con ogni ID elemento che rappresenta la propria stringa.
  2. category_name – Tassonomia delle categorie dei prodotti Google o tassonomia locale
  3. category_id – ID secondo la tassonomia delle categorie di prodotti di Google o la tassonomia locale

In una pagina di categoria, il tag dell'evento di visualizzazione di pagina dovrebbe essere simile al seguente:

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

<html>
 <head>
     <title>CNX Tag HTML Example – Category Page</title>
     <script>
       window.cnxDataLayer = window.cnxDataLayer || [];
       function cnxtag(){cnxDataLayer.push(arguments);}
     </script>
     <script>
       cnxtag('event', 'pageview', { 'product_ids':['8888','9999'], 'category_name':'digital camera', 'category_id':'402' });
     </script>
     <script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
 </head>
 <body><!—PAGE CONTENT --></body>
</html>

 

Impostare un evento di visualizzazione di un prodotto

Imposta l'evento di visualizzazione di un prodotto. Questo codice di evento deve essere inserito nel tag 2 nelle pagine del sito che includono offerte di prodotti individuali e forniscono dati descrittivi per tali prodotti.

Il codice di esempio qui sotto può essere utilizzato per impostare il tuo evento di visualizzazione del prodotto. Copia e incolla questo codice assicurandoti di mappare il valore degli ID dei prodotti definito per il sito nel codice. 

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

cnxtag('event', 'pageview', {
                     'product_ids':['8888']
                     });

Mappa le variabili degli ID dei prodotti definite per il sito riferendole ai valori appropriati degli eventi di visualizzazione dei prodotti. Gli ID dei prodotti forniti devono essere l'unico ID di elemento o ID di gruppi di elementi fornito nel feed dei prodotti Connexity. Queste variabili devono contenere un array di stringhe, con ogni ID elemento che rappresenta la propria stringa.

In una pagina di prodotto, il tag dell'evento di visualizzazione di pagina dovrebbe essere simile al seguente:

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

<html>
 <head>
     <title>CNX Tag HTML Example – Category Page</title>
     <script>
       window.cnxDataLayer = window.cnxDataLayer || [];
       function cnxtag(){cnxDataLayer.push(arguments);}
</script>
<script>
       cnxtag('event', 'pageview', {'product_ids':['8888']});
</script>
<script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
 </head>
 <body><!—PAGE CONTENT --></body>
</html>

 

Impostare un evento Aggiungi al carrello

A differenza dell'evento di visualizzazione della categoria e di quello di visualizzazione del prodotto attivati al caricamento della pagina, l'evento Aggiungi al carrello viene attivato da un'azione del visitatore/utente facendo clic su un pulsante o un'opzione "Aggiungi al carrello". 

Imposta l'evento Aggiungi al carrello. Questo codice di evento deve essere aggiunto allo script che attiva l'azione di aggiunta al carrello quando un utente effettua la selezione di aggiungere uno o più prodotti a un carrello o a un elenco di prodotti salvati. 

Il codice riportato di seguito può essere utilizzato per un evento Aggiungi al carrello. Genera l'evento cnxtag addtocart da un listener di clic o una funzione esistente associata a un'aggiunta al carrello sul tuo sito, oppure inserisci l'evento in un nuovo blocco di script.

Nota: queste variabili devono contenere un array di stringhe, con ogni ID elemento che rappresenta la propria stringa.

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

cnxtag('event', 'addtocart', {
                     'product_ids':['8888']
                     });

Ad esempio, la pagina seguente richiama l'evento cnxtag addtocart quando un utente fa clic sul pulsante.

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

<html>
<head>
     <title>Category Page w/ Add To Cart Example</title>

     <script>
       window.cnxDataLayer = window.cnxDataLayer || [];
       function cnxtag(){cnxDataLayer.push(arguments);}
     </script>
     <script> 
       cnxtag('event', 'pageview', {'product_ids':['sku1', 'sku2'], 'category_name': 'Womens Shoes'});
     </script>

     <script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
</head>
<body>
     <button id="addToCartButton">Click me to add to cart!</button>
     <script>
      addToCartButton.onclick = function() {
        cnxtag('event', 'addtocart', {'product_ids':['8888']});
      };
     </script>
</body>
</html>

 

 

INSTALLARE CON UN TAG MANAGER

Nota: è importante installare il tag su tutte le pagine del tuo sito. Queste istruzioni includono l'aggiunta del tag Connexity a tutte le pagine del sito tramite l'intestazione del sito. Sono contemplate anche pagine ed eventi specifici per i quali verranno aggiunti tag di eventi.

Avrai bisogno di uno strumento tag manager, come Google Tag Manager. 

 

Installazione del tag di configurazione sul tuo sito

Nota: lascia il tag esistente installato durante l'installazione del nuovo tag Connexity. Dovremo verificare l'installazione.

  1. Accedi al tuo account Google Tag Manager. Seleziona il contenitore del tuo sito web e fai clic su Aggiungi un nuovo tag.
  2. Fai clic su Tag HTML personalizzato e inserisci un nome per il tag (ad esempio CNX – Tag 1 - Configurazione). Copia l'intero codice di inizializzazione cnxDataLayer e cnxtag, come mostrato di seguito. Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili univoci.
  3. Torna a Google Tag Manager e incolla il codice nel contenitore HTML.
  4. Fai clic sul menu a discesa Impostazioni avanzate...
    • Seleziona Una volta per pagina nelle opzioni di attivazione dei tag.
    • Inserisci "2" nel campo "Priorità di attivazione dei tag"
  5. Nella sezione Attivazione, seleziona Tutte le pagine (visualizzazione delle pagine).
  6. Fai clic su Crea tag.

*Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili unici*

<script>
              window.cnxDataLayer = window.cnxDataLayer || [];
              function cnxtag(){cnxDataLayer.push(arguments);}
       </script>
       <script async src=”https://js.cnnx.link/roi/cnxtag-min.js?id=12345”></script>

 

Impostare l'evento di conversione

È simile al processo utilizzato per creare il tag di cui sopra, ma utilizza un attivatore per definire un evento di conversione. Se non si dispone già di un attivatore associato alla pagina di conversione, è possibile impostare un attivatore di visualizzazione della pagina tramite il menu Attivatore quando il tipo di pagina indica una conversione. A seconda del tuo sito, puoi utilizzare una variabile di livello dati di Google contenente il tipo di pagina o abbinare un modello nell'URL della pagina. Dopo aver creato l'attivatore puoi creare il tag.

  1. In Google Tag Manager, seleziona il contenitore del tuo sito web e fai clic su Aggiungi un nuovo tag.
  2. Fai clic su Tag HTML personalizzato e inserisci un nome per il tag (ad esempio CNX – Tag 2 – Evento di conversione). Copia il codice della pagina di conversione Connexity come mostrato di seguito. Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili univoci.
<script>cnxtag('event', 'conversion', {
       'mid': '12345',
       'cust_type': '1',
       'order_value': '1.99',
       'currency': 'EUR',
       'order_id': '999999',
       'units_ordered': '3'});
</script>
  1. Mappa le variabili definite dall'utente riferendole ai valori dell'evento di conversione nell'ordine appropriato. Ci sono sei valori da definire come variabili (un asterisco indica un campo obbligatorio):
    • mid*  - Identificatore del commerciante Connexity
    • cust_type –  1 per nuovo cliente; 0 per cliente esistente; vuoto se sconosciuto
    • order_value* – Valore decimale nella valuta locale
    • currency* – Valuta locale (ad es. USD, EUR, GBP)
    • order_id* – Identificatore univoco dell'ordine
    • units_orders – Numero di articoli acquistati

    • Per Google Tag Manager, probabilmente vorrai utilizzare variabili definite dall'utente (https://support.google.com/tagmanager/topic/9125128).

  2. Nella sezione Impostazioni avanzate…
    • Seleziona Una volta per evento nelle opzioni di attivazione dei tag, quindi
    • Inserisci "1" nel campo "Priorità di attivazione dei tag"
  3. Nella sezione Attivazione, seleziona l'attivatore associato alla pagina di conversione dell'ordine.
  4. Fai clic su Crea tag.

 

Impostare un evento di visualizzazione della categoria

Se non si dispone già di un attivatore associato alla pagina della categoria, è possibile impostare un attivatore di visualizzazione della pagina tramite il menu Attivatore quando il tipo di pagina indica una visualizzazione della categoria. Dopo aver creato l'attivatore puoi creare il tag.

  1. In Google Tag Manager, seleziona il contenitore del tuo sito web e fai clic su Aggiungi un nuovo tag.
  2. Fai clic su Tag HTML personalizzato e inserisci un nome per il tag (ad esempio CNX – Tag 2  – Visualizzazione della categoria). Copia e incolla questo codice assicurandoti di mappare i valori degli ID dei prodotti, nonché dei nomi e degli ID delle categorie definiti per il sito nel codice. Consigliamo la tassonomia delle categorie di prodotti di Google, ma si può usare la tassonomia esistente delle categorie. Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili univoci.
 <script>
   cnxtag('event', 'pageview', { 'product_ids':['8888'], 'category_id':'402', 'category_name':'digital camera'});
 </script>
  1. Mappa le variabili definite per il sito riferendole ai valori appropriati degli eventi di categoria.
  2. Nella sezione Impostazioni avanzate…
    • Seleziona Una volta per evento nelle opzioni di attivazione dei tag, quindi
    • Inserisci "1" nel campo "Priorità di attivazione dei tag"
  3. Nella sezione Attivazione, seleziona l'attivatore associato alla pagina di una categoria.
  4. Fai clic su Crea tag.

 

Impostare un evento di visualizzazione di un prodotto

Se non si dispone già di un attivatore associato alla pagina della categoria, è possibile impostare un attivatore di visualizzazione della pagina tramite il menu Attivatore quando il tipo di pagina indica una pagina di prodotto. Dopo aver creato l'attivatore puoi creare il tag.

  1. In Google Tag Manager, seleziona il contenitore del tuo sito web e fai clic su Aggiungi un nuovo tag.
    1. Fai clic su Tag HTML personalizzato e inserisci un nome per il tag (ad esempio CNX – Tag 2  – Visualizzazione del prodotto). Copia e incolla questo codice assicurandoti di mappare i valori degli ID dei prodotti definiti per il sito nel codice. Nota: queste variabili devono contenere un array di stringhe, con ogni ID elemento che rappresenta la propria stringa. Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili univoci.
  <script>
    cnxtag('event', 'pageview', {'product_ids':['8888']});
  </script>
  1. Mappa le variabili degli ID dei prodotti definite per il sito riferendole ai valori appropriati degli eventi di visualizzazione dei prodotti. Gli ID dei prodotti forniti devono essere l'unico ID di elemento o ID di gruppi di elementi fornito nel feed dei prodotti Connexity. Per Google Tag Manager, probabilmente vorrai utilizzare variabili definite dall'utente (https://support.google.com/tagmanager/topic/9125128).
  2. Nella sezione Impostazioni avanzate...
    • Seleziona Una volta per evento nelle opzioni di attivazione dei tag, quindi
    • Inserisci "1" nel campo "Priorità di attivazione dei tag"
  3. Nella sezione Attivazione, seleziona l'attivatore associato a una pagina di prodotto.
  4. Fai clic su Crea tag.

 

Configurare il caricamento di una libreria esterna JavaScript cnxtag

  1. In Google Tag Manager, seleziona il contenitore del tuo sito web e fai clic su Aggiungi un nuovo tag.
  2. Fai clic su Tag HTML personalizzato e inserisci un nome per il tag (ad esempio CNX – Tag 3 – Download delle risorse cnxtag remote). Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili univoci.
    <script async src="https://js.cnnx.link/roi/cnxtag-min.js?id=12345"></script>
  1. Torna a Google Tag Manager e incolla il codice nel contenitore HTML.
  2. Nella sezione Impostazioni avanzate…
    • Seleziona Una volta per pagina nelle opzioni di attivazione dei tag, quindi
    • Inserisci "0" nel campo "Priorità di attivazione dei tag"
  3. Nella sezione Attivazione, seleziona Tutte le pagine (visualizzazione delle pagine).
  4. Fai clic su Crea tag.

 

Impostare un evento Aggiungi al carrello

  1. In Google Tag Manager, seleziona il contenitore del tuo sito web e fai clic su Aggiungi un nuovo tag.
  2. Fai clic su Tag HTML personalizzato e inserisci un nome per il tag (ad esempio CNX - Tag evento utente - Aggiungi al carrello). Copia e incolla questo codice assicurandoti di mappare i valori degli ID dei prodotti definiti per il sito nel codice. Nota: queste variabili devono contenere un array di stringhe, con ogni ID elemento che rappresenta la propria stringa. Sostituisci tutti i segnaposto in ROSSO con i tuoi valori mercantili univoci.
<script>
  cnxtag('event', 'addtocart', {'product_ids':['8888']});
</script>
  1. Mappa le variabili degli ID dei prodotti definite per il sito riferendole ai valori appropriati degli eventi Aggiungi al carrello. Per Google Tag Manager, probabilmente vorrai utilizzare variabili definite dall'utente (https://support.google.com/tagmanager/topic/9125128). Tieni presente che gli ID prodotto forniti devono essere l'ID articolo univoco o l'ID gruppo di articoli fornito nel feed del prodotto Connexity. 
  2. Nella sezione Impostazioni avanzate, seleziona Una volta per evento nelle opzioni di attivazione delle tag.
  3. In Attivazione, seleziona l'attivatore associato all'aggiunta di un prodotto a un carrello o a un elenco di prodotti salvati. Ad esempio, un attivatore su Clicca - Tutti gli elementi in cui l'ID del clic corrisponde a "addToCartButton"; in questo caso, viene definito per la pagina un pulsante con ID "addToCartButton".
  4. Fai clic su Crea tag.

 

 

VERIFICARE L’INSTALLAZIONE

Connexity fornisce un Tag Helper per assisterti nella verifica della corretta installazione del Connexity Shopping Tag. Questo strumento Tag Helper identificherà se ogni evento nell'installazione di Shopping Tag viene acquisito correttamente e consiglierà modifiche in caso di errori. Connexity Tag Helper è un'estensione di Chrome disponibile sul Chrome Web Store.

Le istruzioni su come utilizzare Tag Helper sono disponibili in questo Connexity Merchant Resource Center in un articolo intitolato Connexity Tag Helper.