Skip to main content
Shopify Web-Pixel sind Shopifys Lösung, um Daten zu Käufen wie Conversion-Rates zu tracken. Es gibt zwei primäre Arten, wie du mit ihnen interagierst:
  • App-Web-Pixel
  • Custom-Web-Pixel

App-Web-Pixel

Einige App-Pixel (z. B. Omega Facebook Pixel) integrieren sich direkt in Shopify Web-Pixel. Diese Apps benötigen keine weitere Einrichtung, um mit Aftersell zu funktionieren.

Custom-Web-Pixel

Custom-Pixel ermöglichen maßgeschneiderte Lösungen, wenn im Shopify-Marketplace kein App-Pixel zu finden ist, das deine Anforderungen erfüllt. Im Folgenden wird beschrieben, wie du bestehende Tracking-Scripts der Bestellstatus-Seite auf Custom-Pixel umstellst. Bitte beachte vorher die potenziellen Risiken von Custom-Pixeln. Wenn du speziell Google Tag Manager nutzt, stellt Shopify hilfreiche Dokumentation für diese Migration bereit. Es gibt 3 Kernschritte, um ein Custom-Pixel für Conversion-Tracking zu erstellen.
  1. Das JavaScript-SDK des Drittanbieters vorbereiten
  2. Conversion-Tracking mit Web-Pixeln einrichten
  3. Dein Custom-Pixel verbinden

1. Das JavaScript-SDK des Drittanbieters vorbereiten

Entferne jegliches HTML aus dem bereitgestellten Pixel-Code. Jedes JavaScript, das über ein HTML-<script>-Tag geladen wird, sollte stattdessen über einen reinen JavaScript-Ansatz geladen werden. Dieser Prozess wird hier ausführlicher behandelt. Ein Beispiel mit Google Tag Manager Ursprünglicher Pixel-Code:
Nach dem Entfernen des HTML und Umarbeiten der <script>-Tags:
Beachte, dass Googles Pixel-SDK Daten aus einem Shopify-Custom-Pixel nicht automatisch überträgt. Um Daten zu übertragen, musst du Events abonnieren.

2. Conversion-Tracking mit Web-Pixeln einrichten

Um Conversions mit Custom-Pixeln zu tracken, abonniere das von Shopify bereitgestellte checkout_completed-Event. Dieses Event wird entweder auf der Post-Purchase-Seite ausgelöst, wenn deinem Kunden eine angezeigt wird, oder andernfalls auf der Danke-Seite. Das Event feuert in beiden Fällen nur einmal, es ist also keine zusätzliche Logik nötig, um Doppelzählungen eines Kaufs zu vermeiden.
Nutze diese Referenz, um zu sehen, welche Datenpunkte du aus dem event abrufen kannst. Shopify checkout_completed-Event Ein Beispiel für ein Custom-Meta-Pixel Tracking-Code, der beim Abschluss eines Checkouts auslöst:

3. Dein Custom-Pixel verbinden

Bevor du ein Custom-Pixel hinzufügst, entferne oder ändere alle bestehenden Pixel, um sicherzustellen, dass Customer Events nicht doppelt gezählt werden. Bestehender Pixel-Code sollte überall manuell entfernt werden, wo er vorhanden ist, etwa in theme.liquid, checkout.liquid (nur Plus-Händler) und in den Additional scripts deiner Checkout-Einstellungen. Sobald das erledigt ist, folge diesen Schritten, um ein Custom-Pixel mit deinem Store zu verbinden.
  1. Navigiere zu Settings > Customer Events > Custom Pixels > Add Custom Pixel
    1. Gib einen Namen für dein Custom-Pixel ein.
  2. Füge deinen Custom-Pixel-Code im Abschnitt „Code“ ein.
  3. Stelle sicher, dass die Datenschutzeinstellungen für Kunden korrekt konfiguriert sind.
  4. Klicke bei deinem Custom-Pixel auf „Save“.
  5. Klicke auf „Connect“, um dein Custom-Pixel live zu schalten!