Referenz zum Browser-SDK
Das Skript hat bewusst eine kleine Oberfläche: ein Tag, eine Art von Element, eine Funktion.
Script-Tag
| Attribut | Bedeutung |
|---|---|
| src | Die auf Ihrer Integrationsseite angezeigte Skriptadresse. |
| data-loop | Ihr Publishable Key. Öffentlich; funktioniert nur auf Ihrer verifizierten Domain. |
| async | Erforderlich. Das Skript darf Ihre Seite nicht blockieren. |
Slot-Element
| Attribut | Bedeutung |
|---|---|
| data-loop-slot | Ein Name für die Position, bis zu 64 Zeichen. Er erscheint in Ihrem Platzierungsbericht. |
| data-loop-size | Optional. Eine von 300x250, 320x50, 320x100, 728x90, 970x250, 160x600. Macht den Slot zu einem Banner. |
| data-loop-type | Optional. recommendation (Standard ohne Größe), feed oder banner. |
Eine Conversion erfassen
name ist ein String mit bis zu 40 Zeichen. props ist ein optionales flaches Objekt aus Strings, Zahlen und Booleans. Der Aufruf wird ignoriert, sofern der aktuelle Seitenaufruf nicht über eine Einheit erfolgt ist.
loop('track', name, props?)Verhalten, auf das Sie sich verlassen können
- Läuft einmal pro Seite, wie oft der Tag auch eingebunden ist.
- Findet Slots, die später durch clientseitige Navigation hinzugefügt werden.
- Rendert jede Einheit in einem geschlossenen Shadow Root: Ihr CSS kann sie nicht beeinflussen, und sie kann Ihre Seite nicht beeinflussen.
- Wirft nie einen Fehler in Ihre Seite. Jeder Fehler endet damit, dass der Slot leer und zusammengeklappt bleibt.
- Meldet über sendBeacon mit text/plain-Bodys, sodass keine Preflight-Anfragen entstehen.
Debugging
Fügen Sie einem Slot data-loop-debug hinzu, um sein Shadow Root in den Entwicklertools zur Inspektion zu öffnen. Im Netzwerk-Tab geht die erste Anfrage an /v1/config; eine 200 bedeutet, dass Schlüssel und Domain übereinstimmen.