Modalità proprietaria: carica gli script Google tramite il tagging lato server

Questo articolo è rivolto agli sviluppatori che utilizzano il tagging lato server e vogliono pubblicare script Google dai propri server.

Il tagging lato server ti consente di caricare gli script Google, come gtm.js o gtag.js, direttamente dal tuo server di tagging anziché dai server di Google. In questo modo, puoi pubblicare i dati in un contesto proprietario.

Questa guida presuppone che tu abbia eseguito quanto segue:

Per iniziare, scegli l'opzione di implementazione.

Per stabilire un contesto proprietario tra il contenitore web e il server di tagging, gli script Google devono essere caricati tramite il server.

Per caricare gli script Google tramite il contenitore del server:

  1. Apri Google Tag Manager
  2. Nel contenitore del server, fai clic su Clienti.
  3. Fai clic su Nuovo.

  4. Seleziona il tipo di cliente Google Tag Manager: contenitore web. Finestra di dialogo Scegli il tipo di cliente con il cliente Tag Manager: contenitore web evidenziato

  5. In Configurazione client:

    • Aggiungi ID contenitore: inserisci l'ID contenitore del contenitore web di Tag Manager che utilizzerai sul tuo sito web.
    • Pubblica automaticamente tutti gli script Google dipendenti: se questa opzione è attivata (impostazione predefinita), il server di tagging pubblicherà automaticamente gli script necessari per lo script Google principale. In questo modo non è necessario inserire nella lista consentita ogni contenitore richiesto dallo script di Google. Se vuoi pubblicare solo il contenitore iniziale dal server di tagging, deseleziona questa opzione.
    • Attiva le impostazioni specifiche per la regione: utilizza questa opzione per attivare determinati tag in base alla posizione dell'utente. Scopri di più.

    Screenshot del client del contenitore web di Tag Manager

  6. Assegna un nome al cliente e fai clic su Salva.

  7. Pubblica l'area di lavoro.

Passaggio 2: aggiorna il dominio di origine dello script

Per impostazione predefinita, Tag Manager o gtag.js carica le dipendenze dai server di proprietà di Google, ad esempio https://example.com/metrics. Devi aggiornare l'URL dello script sul tuo sito web per caricare le dipendenze tramite il tuo server.

Per caricare il codice GTM tramite il contenitore del server:

  1. Individua il codice Tag Manager esistente nella pagina.

  2. Sostituisci la stringa https://example.com/metrics con il nome di dominio del server di tagging in <head> e <body> del codice di installazione di Google Tag Manager.

    • Testa:
    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://example.com/metrics/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->
    • Testo:
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://example.com/metrics/ns.html?id=TAG_ID"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Passaggio 3: verifica l'origine degli script

Le istruzioni riportate di seguito mostrano come eseguire il test utilizzando Google Chrome. Puoi utilizzare qualsiasi browser, ma i passaggi potrebbero variare.

Per verificare se il contenitore del server carica le dipendenze:

  1. Apri il tuo sito web in una nuova scheda del browser.
  2. Apri gli strumenti per sviluppatori del browser. In Google Chrome, puoi fare clic con il tasto destro del mouse su un punto qualsiasi della pagina e selezionare Ispeziona.

  3. Negli strumenti per sviluppatori, apri la scheda Origini. Questa finestra mostra tutte le dipendenze caricate quando hai aperto il sito web.

    • ✅ L'implementazione è corretta se gtm.js viene caricato dall'origine specificata.

    Screenshot degli strumenti per sviluppatori con il tuo server come origine per gli script Google

    • ❌ Se nella scheda Origini viene visualizzato www.googletagmanager.com come origine per gtm.js, le dipendenze vengono comunque caricate dai server di Google.

    Screenshot degli strumenti per sviluppatori con www.googletagmanager.com come origine per gli script Google

    • Controlla se hai modificato l'URL di origine nel codice, vedi il passaggio 2.
    • Controlla se il codice è pubblicato.

Passaggi successivi

Se utilizzi la modalità di consenso, puoi configurare il comportamento dei tag specifico per regione per un controllo ancora maggiore.