Per un funzionamento corretto il Criteo OneTag ha bisogno di due elementi. Uno è lo script del loader e l’altro è la raccolta di eventi e dati. Segue un’illustrazione di queste due parti con un semplice evento Home page.

Di seguito, un tag Home page completo, ma gli altri tag avranno un aspetto simile.

<!-- Criteo Homepage Tag -->
<script
    type="text/javascript"
    src="//static.criteo.net/js/ld/ld.js"
    async="true"
></script>
<script type="text/javascript">
    window.criteo_q = window.criteo_q || [];
    var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
    window.criteo_q.push(
      { event: "setAccount", account: YOUR_PARTNER_ID},
      { event: "setEmail", email: "##Email Address##" },
      { event: "setSiteType", type: deviceType},
      { event: "viewHome" }
    );
</script>
<!-- END Criteo Homepage Tag -->

Nell’esempio precedente,

 <script type="text/javascript" src="//static.criteo.net/js/ld/ld.js"async="true"></script>

è il loader e il resto è l’evento e la raccolta dati.

Il nuovo Dynamic loader è quasi lo stesso del loader statico, ma richiede una diversa collocazione sul tuo sito Web e un parametro ID Partner. Segue un esempio dello script del nuovo Dynamic loader:

<!-- Criteo Loader File -->
<script
    type="text/javascript"
    src="//dynamic.criteo.com/js/ld/ld.js?a=YOUR_PARTNER_ID"
    async="true"
></script>
<!-- END Criteo Loader File -->

Questo script deve essere incluso nell’<intestazione> del tuo sito prima dello script dell’evento e della raccolta dati, e attivarsi su tutte le pagine.

Rimuovi il vecchio static loader

Dopo aver aggiunto il Dynamic loader, cancella lo static loader dai tag.

Esempio di un tag Home page usando lo static loader:

<!-- Criteo Homepage Tag -->
<script
    type="text/javascript"
    src="//static.criteo.net/js/ld/ld.js"
    async="true"
></script>
<script type="text/javascript">
    window.criteo_q = window.criteo_q || [];
    var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
    window.criteo_q.push(
      { event: "setAccount", account: YOUR_PARTNER_ID},
      { event: "setEmail", email: "##Email Address##" },
      { event: "setSiteType", type: deviceType},
      { event: "viewHome" }
    );
</script>
<!-- END Criteo Homepage Tag -->

Esempio di un tag Home page usando il Dynamic loader:

<!-- Criteo Homepage Tag -->
<script type="text/javascript">
    window.criteo_q = window.criteo_q || [];
    var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
    window.criteo_q.push(
      { event: "setAccount", account: YOUR_PARTNER_ID},
      { event: "setEmail", email: "##Email Address##" },
      { event: "setSiteType", type: deviceType},
      { event: "viewHome" }
    );
</script>
<!-- END Criteo Homepage Tag -->

Vedrai che il file dello static loader è stato rimosso dal tag nel <corpo> del sito. Il nuovo file Dynamic loader ora deve essere incluso nell’<intestazione> del sito in modo che si attivi su tutte le pagine.

Aggiunta del tag visita

Quando hai rimosso il file static loader dai tag nel <corpo> del tuo sito e aggiunto il file Dynamic loader nell’<intestazione>, devi aggiungere il tag visita al tuo sito in modo che si attivi su tutte le pagine che non contengono nessun altro tag Criteo.

Segue il tag visita che deve essere aggiunto:

<!-- Criteo Visit Tag -->
<script type="text/javascript">
    window.criteo_q = window.criteo_q || [];
    var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
    window.criteo_q.push(
      { event: "setAccount", account: YOUR_PARTNER_ID},
      { event: "setEmail", email: "##Email Address##" },
      { event: "setSiteType", type: deviceType},
      { event: "viewPage" }
    );
</script>
<!-- END Criteo Visit Tag -->

Fatto! Per riassumere, ecco i tre step che devi seguire per aggiornare il Dynamic loader:

Aggiungi lo script del nuovo Dynamic loader all’intestazione del sito Web, in modo che si attivi su ogni pagina
Rimuovi lo script del vecchio loader dai tag ma tieni il resto delle informazioni dei tag e anche la struttura
Aggiungi il tag visita a ogni pagina che non sia attualmente taggata

Come passare al Dynamic loader per Criteo OneTag

Sommario

Come passare al Dynamic loader per Criteo OneTag