Tag Floodlight di Google

Questo articolo è rivolto agli sviluppatori che vogliono spostare i tag Floodlight da un tag. di gestione del container web in un contenitore del server.

Tag Manager lato server ti consente di spostare le vendite e tag contatore dalla pagina web al server. Spostare questi tag nel server riduce la quantità di codice da eseguire nella pagina e migliora tempi di caricamento delle pagine.

Prima di iniziare

Prima di poter spostare i tag nel server, assicurati di avere:

• Accesso amministrativo a Google Tag Manager e Floodlight
• Configurare e installare Google Tag Manager
• Configurare un contenitore del server
• Configurare il client Google Analytics: GA4

Passaggio 1: imposta il tag Linker conversioni

L'account Floodlight può inviare i dati sulle conversioni a Google Tag Manager solo quando hai impostato un Linker conversioni.

Se disponi già di un Tag Linker conversioni configurata nel tuo contenitore del server, puoi saltare questo passaggio.

Per impostare il Linker conversioni:

1. Nell'area di lavoro del contenitore del server, apri il menu Tag a sinistra della .
2. Fai clic su Nuovo per aggiungere un nuovo tag.
3. Seleziona il tipo di tag Linker conversioni.
4. Imposta l'attivatore che farà sì che il tag lato server Linker conversioni faccia clic. fuoco.
   Nella maggior parte dei casi, l'attivatore Tutte le pagine è l'opzione migliore.
5. Assegna un nome al tag e fai clic su Salva.

Passaggio 2: imposta i tag Floodlight

Google Tag Manager supporta i tag Contatore Floodlight e i tag Vendite Floodlight in il contenitore del server.

Contatore Floodlight

Per impostare un tag Contatore Floodlight, procedi nel seguente modo:

1. Nell'area di lavoro del contenitore del server, seleziona il menu Tag a sinistra a lato della pagina.
2. Fai clic su Nuovo per aggiungere un nuovo tag.

3. Seleziona il tipo di tag Contatore Floodlight.

   

4. Per raccogliere i valori richiesti per la configurazione del tag, aprine un'altra nel browser e accedi a Campaign Manager 360. Fai clic su Inserzionisti e poi sul nome dell'inserzionista. Inserisci questi valori nel nuovo tag Contatore Floodlight di Tag Manager:

   • ID inserzionista: l'ID inserzionista viene visualizzato sull'inserzionista dei dettagli appena sotto il nome dell'inserzionista. Questo valore è trovato anche come valore di src= in un tag Floodlight generato snippet di codice.
   • Stringa tag gruppo: nella tabella Attività, identifica l'attività con cui vuoi lavorare e trovare la stringa tag gruppo elencata in una colonna a destra. La si trova anche come valore type= in uno snippet del tag Floodlight generato.
   • Stringa tag attività: nella tabella Attività, identifica il attività con cui desideri lavorare e trova il tag attività stringa elencata in una colonna a destra. Questo risultato si trova anche il valore di cat= in uno snippet del tag Floodlight generato.

5. Imposta il Metodo di conteggio che preferisci:

   • Standard: conteggia ogni conversione.
   • Unico: conteggia la prima conversione per ogni utente unico. ogni giorno di 24 ore, da mezzanotte a mezzanotte, ora di New York.
   • Per sessione: conteggia una conversione per utente per sessione. La lunghezza della sessione è impostata dal sito in cui si trova il tag Floodlight di cui è stato eseguito il deployment.

6. Apri la finestra Scegli un attivatore.

7. Nel menu Configurazione attivatore, seleziona un attivatore. Nella maggior parte dei casi, Tutte le pagine è l'opzione migliore.

   

8. Inserisci un nome per il tag e fai clic su Salva.

   

Vendite Floodlight

Per impostare un tag Vendite Floodlight:

1. Nell'area di lavoro del contenitore del server, seleziona il menu Tag a sinistra a lato della pagina.
2. Fai clic su Nuovo per aggiungere un nuovo tag.

3. Seleziona il tipo di tag Vendite Floodlight. Nota: la scheda Vendite Floodlight raccoglie automaticamente i seguenti valori dal campo e-commerce corrispondente:

   *   Order ID (Transaction ID)
   *   Revenue (Value)
   

4. Per raccogliere i valori richiesti per la configurazione del tag, aprine un'altra finestra del browser e accedi a Campaign Manager 360. Clic Inserzionisti, quindi fai clic sul nome dell'inserzionista. Inserisci questi nel nuovo tag Contatore Floodlight di Tag Manager:

   • ID inserzionista: l'ID inserzionista viene visualizzato sull'inserzionista dei dettagli appena sotto il nome dell'inserzionista. Questo valore è trovato anche come valore di src= in un tag Floodlight generato snippet di codice.
   • Stringa tag gruppo: nella tabella Attività, identifica l'attività con cui vuoi lavorare e trovare la stringa tag gruppo elencata in una colonna a destra. La si trova anche come valore type= in uno snippet del tag Floodlight generato.
   • Stringa tag attività: nella tabella Attività, identifica il attività con cui desideri lavorare e trova il tag attività stringa elencata in una colonna a destra. Questo risultato si trova anche il valore di cat= in uno snippet del tag Floodlight generato.

5. Imposta il Metodo di conteggio che preferisci:

   • Standard: conteggia ogni conversione.
   • Unico: conteggia la prima conversione per ogni utente unico. ogni giorno di 24 ore, da mezzanotte a mezzanotte, ora di New York.
   • Per sessione: conteggia una conversione per utente per sessione. La lunghezza della sessione è impostata dal sito in cui si trova il tag Floodlight di cui è stato eseguito il deployment.

6. Apri la finestra Scegli un attivatore.

7. Nel menu Configurazione attivatore, seleziona un attivatore. Nella maggior parte dei casi, Tutte le pagine è l'opzione migliore.

8. Inserisci un nome per il tag e fai clic su Salva.

(Facoltativo) Configurare le conversioni avanzate

Se non utilizzi le conversioni avanzate, passa direttamente alla sezione Convalidare configurazione.

Per configurare la funzionalità Avanzata Le conversioni seguono i passaggi seguenti.

Configurare una variabile per i dati forniti dall'utente

Esistono tre modi per implementare le conversioni avanzate in Tag Manager. Devi solo scegliere un'opzione per raccogliere i dati forniti dagli utenti.

	Raccolta automatica	Configurazione manuale	Configurazione del codice
Metodo raccolta	Raccoglie automaticamente i dati forniti dagli utenti in base al codice del tuo sito web. Se hai bisogno di controllare dove raccogliere gli input, scegli una manualmente o tramite codice.	Specifica le proprietà CSS o le variabili JavaScript selezionate da raccogliere forniti dall'utente. Se hai bisogno di controllare la formattazione e l'hashing dei dati, o la configurazione del codice.	Aggiungi uno snippet di codice sul tuo sito web che invii i dati sottoposti ad hashing dei clienti per trovare corrispondenze. Questo metodo è la scelta migliore per massimizzare l'accuratezza conversioni avanzate consentendoti di inviare dati formattati in modo coerente ogni volta che viene attivato il tag di conversione.
Complessità	Semplice	Medio	Complesso
Competenze	Non servono particolari competenze	HTML e CSS	Sviluppo di siti web

Raccolta automatica

1. Nel tuo contenitore web, apri il menu Variabili.
2. Crea una nuova variabile definita dall'utente di tipo Dati forniti dall'utente.
3. Imposta il Tipo su Raccolta automatica.
4. Assegna un nome alla variabile, ad esempio My user-defined data.
5. Fai clic su Salva.

Configurazione manuale

1. Nel tuo contenitore web, apri il menu Variabili.
2. Crea una nuova variabile definita dall'utente di tipo Dati forniti dall'utente.
3. Imposta Tipo su Configurazione manuale.

4. Aggiungi una variabile nuova o esistente al campo dei dati utente pertinente che vuoi fornire tramite le conversioni avanzate.

   Nota: se il tuo livello dati contiene già variabili (sia che utilizzi i selettori CSS o altri tipi di variabili), puoi selezionarle anziché crearne di nuove. In caso di dubbi, continua a leggere le istruzioni. Le variabili possono essere sottoposte o meno ad hashing.

5. Per specificare un elemento dal DOM, crea una Nuova variabile > Configurazione variabile > Elemento DOM.

6. In Metodo di selezione, puoi utilizzare un Selettore CSS o ID. Suggerimento: se le variabili CSS cambiano di frequente, aggiungi un ID HTML al tuo sito e utilizza la variabile ID.

7. Inserisci il selettore CSS o l'ID. Puoi lasciare vuoto il campo Nome attributo.

8. Assegna un nome alla variabile dell'elemento DOM e salva. Sullo schermo vengono ripristinate le impostazioni Dati forniti dall'utente.

9. Assegna un nome alla variabile Dati forniti dall'utente, ad esempio My user-defined data.

10. Fai clic su Salva.

Configurazione del codice

Passaggio 1: identifica e definisci le variabili delle conversioni avanzate

Puoi inviare dati non sottoposti ad hashing, che Google eseguirà l'hashing prima dei dati raggiunge i server o i dati sottoposti ad hashing. Se decidi di inviare dati pre-hashing, codifica i dati utilizzando l'algoritmo SHA256 con codifica esadecimale. In entrambi i casi, fornire all'indirizzo almeno uno dei seguenti campi: email o phone_number.
Per eseguire il push di dati non sottoposti ad hashing al livello dati:

1. Sul tuo sito web, archivia i dati forniti dall'utente come coppie chiave-valore in una variabile JavaScript. Ad esempio:

   var leadsUserData = {
     'email': '[e-mail]',
     'phone_number': '[phone]',
     'address': {
       first_name: 'John',
       last_name: 'Doe',
       street: '123 Lemon',
       city: 'Some city',
       region: 'CA',
       country: 'US',
       postal_code: '12345',
     },
   };
   

2. Invia i dati utente insieme a un evento utilizzando dataLayer.push(). Per esempio:

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'email': '[e-mail]',
         'phone_number': '[phone]',
         'address': {
            first_name: 'John',
            last_name: 'Doe',
            street: '123 Lemon',
            city: 'Some city',
            region: 'CA',
            country: 'US',
           postal_code: '12345',
          },
        },
     });
   <script>
   

La variabile leadsUserData è ora disponibile in Google Tag Manager.

Per eseguire il push dei dati sottoposti a pre-hashing al livello dati:

1. Sul tuo sito web, esegui l'hashing fornito dall'utente utilizzando SHA256 con codifica esadecimale. La chiave per i dati codificati deve iniziare con sha256_. Ad esempio:

   {'sha256_email_address':await hashEmail(email.trim()),
   }
   

2. Invia i dati utente insieme a un evento utilizzando dataLayer.push(). La l'esempio riportato di seguito mostra un'implementazione del livello dati che presuppone che tu abbia automaticamente una funzione di hashing, che esegui in modo asincrono.

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'sha256_email_address': await hashEmail(email.trim()),
         'sha256_phone_number': await hashPhoneNumber(phoneNumber),
         'address': {
           sha265_first_name: await hashString(firstname),
           sha256_last_name: await hashString(lastname),
           sha256_street: await hashString(streetAddress),
           postal_code: '12345',
          },
        },
     });
   <script>
   

La variabile leadsUserData è ora disponibile in Google Tag Manager.

Passaggio 2: crea la variabile per i dati forniti dall'utente

1. Nel tuo contenitore web, apri il menu Variabili.
2. Crea una nuova variabile definita dall'utente di tipo Dati forniti dall'utente.
3. Imposta Tipo su Codice.
4. Nel campo dei dati utente pertinenti da fornire, fai clic sul menu a discesa e seleziona Nuova variabile.
5. In Scegli il tipo di variabile, seleziona Variabile di livello dati.
6. In Variabile di livello dati, fai riferimento ai dati utente archiviati. Ad esempio, leadsUserData.
7. Assegna un nome alla variabile del livello dati e salva. Sullo schermo vengono ripristinate le impostazioni Dati forniti dall'utente.
8. Assegna un nome alla variabile Dati forniti dall'utente, ad esempio My user-defined data.
9. Fai clic su Salva.

Assegnare la variabile al tag Google

1. Nel tuo contenitore web, apri il menu Tag.
2. Modifica il tag Google che utilizzi per inviare i dati al server di tagging.
3. In Impostazioni di configurazione, aggiungi un nuovo Parametro di configurazione. chiamato user_data. Imposta Valore su Dati forniti dall'utente. ad esempio {{My user-provided data}}.

4. Salva le modifiche. Il tag dovrebbe avere il seguente aspetto:

   

Configurare il tag Floodlight lato server

Nel tuo contenitore del server, attiva le conversioni avanzate impostando il valore Tag Vendite Floodlight o Contatore Floodlight.

Nota: i tag Floodlight, se attivati, inviano tutte le conversioni disponibili a Google (inclusi i dati forniti dall'utente). Se vuoi modificare o escludi eventuali parametri evento prima dell'attivazione del tag, configura e utilizza trasformazioni avanzate e collegale al tag.

Facoltativo: valore delle entrate

Il tag Vendite Floodlight utilizza il parametro value dell'evento come predefinito per calcolare le entrate. Per specificare una base diversa per calcolare il valore delle entrate, devi impostare una variabile per estrarre i dati dal database e assegnarlo al tag Vendite Floodlight.

Nota: il contenitore del server cripta il valore delle entrate per garantire che i dati sulle conversioni non vengono esposti quando il server ritrasmette i dati al browser.

Per creare una nuova variabile:

1. Nel contenitore del server, apri il menu Variabili.
2. Crea una nuova variabile definita dall'utente per l'input di dati. Ad esempio, se vuoi utilizzare un valore da un database Firestore, crea una variabile {{Ricerca in Firestore}}.
3. Specifica le origini dati per la variabile.
4. Assegna alla variabile un nome, ad esempio "Ricerca profitto". e Salva il file.

Per utilizzare la variabile nel tag Vendite Floodlight:

1. Nel contenitore del server, apri il menu Tag.
2. Modifica il tag Vendite Floodlight.

3. Nella sezione Parametri univoci:

   • Per Origine dati, scegli Configurazione personalizzata.
   • Per Entrate, seleziona la variabile creata in precedenza.
   • Per ID ordine, inserisci un ID o utilizza una variabile per compilare in modo dinamico l'ID ordine.

   

4. Salva il tag.

(Facoltativo) Parametri personalizzati

Puoi trasmettere campi da la tua pagina web a Google Marketing Platform, ad esempio match_id.

Google Tag Manager

Per configurare campi personalizzati per Floodlight, anteponi x-dc- a una nome parametro:

1. Nel tuo contenitore web, apri il menu Tag.
2. Modifica un tag evento GA4 o creane uno nuovo.

3. In Parametri evento, aggiungi il nome del parametro. Per segnalare che va a Floodlight, anteponi x-dc-. Ad esempio, se normalmente invii match_id, modificalo in x-dc-match_id.

   

4. Salva il tag.

gtag.js

Per configurare i campi personalizzati per Floodlight, anteponi x-dc- all'evento nome parametro:

  gtag('event', 'purchase', {
      'x-dc-match_id': [MATCH_ID],
      ...
  })

Passaggio 3: convalida la configurazione

Dopo aver iniziato a inviare i dati con il contenitore del server, puoi verificare se funziona correttamente procedendo nel seguente modo:

1. Apri il sito web.
2. Nel contenitore del server di Google Tag Manager, seleziona Anteprima. Tag Assistant avvierà e caricherà il contenitore del server.
3. La scheda Tag mostra tutti i tag che sono stati attivati. Verifica se il tag che hai configurato è stato attivato.
4. La scheda Console mostra gli errori che si sono verificati durante la trasmissione dei dati. al contenitore del server. Verifica la presenza di errori e risolvili.

Per ulteriori informazioni sul debug dei contenitori di Tag Manager, consulta la guida relativa all'anteprima e al debug.

Passaggi successivi

Quando il tag Floodlight funziona come previsto, puoi rimuovere qualsiasi Tag Floodlight in un contenitore web per evitare la duplicazione dei dati.