Der Criteo OneTag benötigt zwei Elemente, um korrekt zu funktionieren. Das eine ist das Loader-Skript und das andere die Event- und Datenerfassung. Im Folgenden werden diese beiden Teile anhand eines einfachen Homepage-Ereignisses erläutert.

Unten steht ein kompletter Homepage-Tag, aber die anderen Tags werden ähnlich aussehen.

<!-- 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 -->

Im obigen Beispiel ist

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

der Loader und der Rest ist die Event- und Datensammlung. Der neue Dynamic Loader ist fast derselbe wie der statische Loader, erfordert aber eine andere Platzierung auf eurer Website und einen Partner-ID-Parameter. Nachfolgend ein Beispiel für das neue Dynamic Loader-Skript:

<!-- 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 -->

Dieses Skript sollte in den <head> eurer Website vor dem Event- und Datenerfassungsskript eingefügt werden und auf allen Seiten ausgelöst werden.

Entfernt den alten statischen Loader

Nach dem Hinzufügen des dynamischen Laders, löscht ihr den statischen Loader aus den Tags.

Beispiel für einen Homepage-Tag mit statischem 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 -->

Beispiel für einen Homepage Tag mit 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 -->

Ihr werden sehen, dass die statische Loader-Datei aus dem Tag im <body> der Website entfernt wurde. Der neue Dynamic Loader sollte nun in den <head> der Website aufgenommen werden, damit sie auf allen Seiten ausgelöst wird.

Hinzufügen des Visit-Tags

Nachdem ihr die statische Loader-Datei aus den Tags im <body> eurer Website entfernt und die Dynamic Loader-Datei im <head> hinzugefügt habt, solltet ihr den Visit-Tag zu eurer Website hinzufügen und ihn auf allen Seiten auslösen lassen, die keinen anderen Criteo-Tag enthalten.

Nachfolgend findet ihr den Visit-Tag, der hinzugefügt werden sollte:

<!-- 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 -->

Das war‘s! Um es noch einmal zusammenzufassen, hier sind die drei Schritte, die ihr unternehmen müsst, um den Dynamic Loader zu aktualisieren:

Fügt das neue Dynamic Loader-Skript in den Kopf der Website ein, damit es auf jeder Seite ausgelöst wird.
Entfernt das alte Loader-Skript aus den Tags, aber behaltet den Rest der Tag-Informationen und die Struktur bei.
Fügt den Visit-Tag zu allen Seiten hinzu, die derzeit nicht getaggt sind.

Zum Dynamic Loader für Criteo OneTag wechseln

Table of contents

Zum Dynamic Loader für Criteo OneTag wechseln