ABlyft integrieren

Quickstart

Installiere das Snippet in fünf Schritten und prüfe, ob ABlyft korrekt geladen wird.

Diese Seite zeigt den kürzesten Weg von einem neuen Project zu einer geprüften Integration. Er dauert etwa 10 Minuten.

Schritt 1: Snippet finden

  1. Öffne dein Project in ABlyft.
  2. Gehe zu Settings → Snippet.
  3. Kopiere den Code unter Implementation (base snippet). Dieselbe Seite zeigt dir deine Project/Snippet ID.

Der Code sieht so aus (12345678 steht für deine Project-ID):

<script src="https://cdn.ablyft.com/s/12345678.js"></script>

Schritt 2: Zu deiner Website hinzufügen

Füge das Snippet so früh wie möglich in den <head> jeder Seite ein, die du testen möchtest. Alle Optionen (asynchrones Laden, Google Tag Manager, Sub-Snippets) sind unter Snippet einbinden beschrieben.

Schritt 3: Publishing

Normalerweise musst du nichts tun: ABlyft veröffentlicht automatisch, wenn sich dein Project ändert, und erstellt das erste Snippet, sobald das Project angelegt wird. Wenn du sichergehen möchtest, prüfe Last published unter Settings → Snippet. Details: Publishing.

Schritt 4: Installation prüfen

  1. Öffne deine Website mit ?ablyft_check=true in der URL und führe in der Browser-Konsole ablyft.get('data') aus. Wenn du deine Project-ID siehst, ist das Snippet geladen. Alle Prüfungen sind unter Integration prüfen beschrieben.
  2. Öffne das Live Log deines Projects in ABlyft, um zu sehen, wie Events eintreffen, während du deine Website nutzt.

ABlyft prüft nicht automatisch, ob das Snippet installiert ist. Die Konsolenprüfung und das Live Log sind der schnellste Weg, das herauszufinden.

Schritt 5: Test-Goal erstellen

Erstelle ein Goal, das du gezielt auslösen kannst, um zu belegen, dass Events bei ABlyft ankommen.

  1. Erstelle ein Goal vom Typ Custom mit einem API Name, zum Beispiel test-goal (siehe Goals konfigurieren).

  2. Weise es einem Experiment zu.

  3. Löse es aus der Browser-Konsole oder aus deinem Code aus:

    window.ablyft = window.ablyft || [];
    window.ablyft.push({ eventType: 'custom', eventName: 'test-goal' });
  4. Prüfe das Live Log. Mehr zu Goals: Custom goals.

Events brauchen einen gebucketten Visitor

Das Snippet sendet Events nur, wenn der Visitor Teil mindestens eines Experiments ist. Wenn nichts ankommt, stelle sicher, dass auf der getesteten Seite ein Experiment läuft (oder im Preview ist).

Nächste Schritte

On this page