Shopify App-Pixel vs. benutzerdefinierte Pixel erklärt

Was sind App-Pixel und benutzerdefinierte Pixel in Shopify?

In Shopify leben App-Pixel und benutzerdefinierte Pixel beide unter Settings, Customer events, und beide laufen auf deinem Storefront, Checkout und der Dankeseite. App-Pixel kommen mit Apps wie Facebook & Instagram und laufen in einer strengen Sandbox; benutzerdefinierte Pixel sind Code, den du selbst einfügst und der in einer lockereren läuft. Beide warten auf die Einwilligung, die sie brauchen.

Customer events ersetzte die Orte, an denen Händler früher Tracking-Snippets einfügten, etwa die Online-Store-Einstellungen, Checkout-Skripte und Apps, durch Pixel, die in einer Sandbox laufen (Pixel-Übersicht). Drei Änderungen im vergangenen Jahr machen die Wahl wichtiger: Additional scripts laufen nicht mehr auf der Dankeseite, App-Pixel wechselten standardmäßig zum Datenzugriff Optimized, und Shopify setzt sein Cookie _shopify_y nicht mehr. Jedes Shopify-Detail unten wurde am 24. September 2026 geprüft.

Welches solltest du nutzen?

Ein App-Pixel der eigenen App der Plattform, wann immer eines das tut, was du brauchst: Shopify empfiehlt App-Pixel, wo möglich, wegen ihrer Sicherheit und automatischen Updates (Pixel und Customer events). Schreib ein benutzerdefiniertes Pixel nur, wenn keine App passt, im Wissen, dass Shopify benutzerdefinierte Pixel nicht unterstützt (Benutzerdefinierte Pixel).

Quellen: Shopifys Seiten zu App pixels und Benutzerdefinierte Pixel verwalten, und shopify.devs Web-Pixels-Anleitung.

Die eigene App einer Plattform deckt eine Plattform ab. Um an mehrere von einer App zu senden, erledigt eine Tracking-App das. cPixel, das wir bauen, ergänzt ein einzelnes App-Pixel, cPixel, das die Meta-, GA4- und Google-Ads-Ereignisse im Browser auslöst; sein optionales App-Embed lädt die Tags der übrigen Plattformen auf Storefront-Seiten. Seine Käufe für Meta, TikTok, GA4, ChatGPT Ads, Pinterest und Snapchat gehen von seinen eigenen Servern, aus Shopifys Bestell-Webhooks gebaut, statt über ein Server-Pixel: wie cPixel serverseitige Ereignisse sendet. Mehr über cPixel, das Shopify-Käufe an sieben Werbeplattformen sendet.

Wie fügst du ein benutzerdefiniertes Pixel hinzu?

Schreibe reines JavaScript, füge es unter Settings, Customer events hinzu, wähle seine Datenschutzeinstellungen, und verbinde es dann. Es erfasst nichts, bis dein Code Shopifys Ereignisse abonniert.

1. Entferne jede bestehende Kopie desselben Pixels aus deinem Theme oder von überall sonst, wo es noch läuft, sonst zählen seine Ereignisse doppelt.
2. Gehe in deinem Shopify-Admin zu Settings → Customer events, benenne das Pixel und klicke auf Add pixel.
3. Stelle unter Customer privacy Permission (Required für die gewählten Zwecke, oder Not required) und Data sale ein. Ein neues benutzerdefiniertes Pixel braucht standardmäßig die Berechtigungen Marketing und Analytics und zählt standardmäßig als Data sale (Custom pixel code).
4. Füge deinen Code in Code ein. Die Sandbox führt nur JavaScript aus, entferne also <script>-Tags und lade das Skript des Anbieters stattdessen per Code.
5. Klicke auf Save, dann auf Connect pixel, und bestätige mit Connect.

Ein benutzerdefiniertes Pixel folgt derselben Form, egal welcher Anbieter: das SDK laden, dann Shopifys Ereignisse an es übergeben.

// Lade das SDK des Anbieters mit JavaScript: Die Sandbox lehnt HTML ab
const script = document.createElement("script");
script.setAttribute("src", "https://vendor.example/sdk.js");
script.setAttribute("async", "");
document.head.appendChild(script);

// Übergib Shopifys Standardereignisse daran
analytics.subscribe("checkout_completed", (event) => {
  const checkout = event.data.checkout;
  // Ruf hier die Kauffunktion des Anbieters auf, mit Werten wie
  // checkout.order?.id, checkout.totalPrice?.amount und checkout.currencyCode
});

Für ein vollständiges Beispiel siehe, wie du ChatGPT-Ads-Conversions auf Shopify trackst mit OpenAIs Pixel.

Was kann ein Pixel nicht?

Alles, was die Seite selbst braucht. Ein Pixel kann weder auf die Seite zeichnen noch sie lesen, das Abgreifen von Details von der Seite, Outbound-Klick- und Scroll-Tracking sowie Heatmaps funktionieren also in keiner der beiden Sandboxes (Sandbox-Einschränkungen).

• Irgendetwas anzeigen. Keine Buttons, Formulare, Banner oder Modals. Inhalt für die Dankeseite gehört in einen App-Block.

• Die Seite lesen. Keine Ereignisse, Produktdetails, E-Mail- oder Telefonnummern, Outbound-Klicks, Scrollen oder Heatmap-Daten von der Seite. Veröffentliche, was du brauchst, aus Theme-Code als benutzerdefiniertes Ereignis und abonniere es:

  // Im Code deines Themes
  Shopify.analytics.publish("special_email_signup", { email_campaign_id: 123 });
  
  // Im benutzerdefinierten Pixel
  analytics.subscribe("special_email_signup", (event) => {
    console.log(event.customData.email_campaign_id);
  });

• Die echte Adresse sehen. In der lockeren Sandbox ist die Seitenadresse, die ein Skript erkennt, die der Sandbox. Shopifys Rat ist, die Seite der Kundschaft aus dem page_viewed-Ereignis zu nehmen, etwa event.context.document.location.href.

Shopify merkt an, dass nicht jedes App-Pixel benutzerdefinierte Ereignisse unterstützt, prüfe also beim Entwickler der App, bevor du darauf baust.

Warum wartet ein Pixel auf Einwilligung?

Weil dein Shop dort um Einwilligung bittet, wo die Kundschaft ist, und das Pixel eine Berechtigung braucht, die sie nicht erteilt hat. Shopifys Pixel Helper zeigt das als Pixel is awaiting consent: Akzeptiere dein Cookie-Banner oder klicke auf Give consent to continue test.

• Die Standardwerte. In Märkten, die auf Einwilligung eingestellt sind, meist EWR und Vereinigtes Königreich, läuft ein Pixel erst, sobald die Kundschaft die nötigen Berechtigungen erteilt. Ein neues Pixel braucht Marketing und Analytics, und ein als Data sale markiertes Pixel läuft nicht für Kundschaft, die Data sale abgelehnt hat, außer es unterstützt Limited Data Use (Pixel-Übersicht).
• Zugestimmt, trotzdem wartend. Ein Cookie-Banner eines Drittanbieters muss seine Entscheidungen über die Customer Privacy API synchronisieren. Das Löschen deiner Cookies setzt dein eigenes Banner zurück. Bei einer eigenen Domain brauchen Kundenkonten eine Subdomain davon, sonst funktionieren Pixel und Einwilligung auf der Bestellstatusseite nicht (Fehlerbehebung bei einem App-Pixel).
• Ein echter Fall. In einem Community-Thread vom August 2026 erreichten die Käufe eines Shops GA4 über die Google & YouTube App nicht mehr. Antworten führten es darauf zurück, dass das Cookie-Banner seine Entscheidungen nie an die Customer Privacy API weitergab, sodass Shopify das App-Pixel am Checkout zurückhielt, während ein vom Banner freigegebenes Theme-Tag weiter Seitenaufrufe sendete.

Eine App kann auch keine Berechtigungen verlangen und Einwilligung stattdessen in ihrem eigenen Code prüfen, mit Shopifys Pixel-Privacy-API. cPixel arbeitet so: was cPixel sendet, und wie Einwilligung es ändert.

Was bedeutet „Optimized” für ein App-Pixel?

Es ist die Standardeinstellung für den Datenzugriff von App-Pixeln seit dem 13. Januar 2026: Erkennt Shopify, dass ein Marketing-Pixel mehr Daten teilt, als es braucht, kann es einen Teil oder alle Daten dieses Pixels pausieren, bis relevante Aktivität zurückkehrt (App pixels, Changelog).

• Die zwei Einstellungen. Always on gibt dem Pixel uneingeschränkten Datenzugriff; Optimized lässt Shopify ihn anpassen. Optimierung gilt für Marketing-Pixel; manche App-Pixel, etwa die von Analyse-Apps, können nicht optimiert werden und behalten Always on.
• Was Shopify abwägt. Bezahlte und organische Zuweisungen, Verkäufe, Reife des Shops, Storefront-Konfiguration und synchronisierte Kampagneneinstellungen. Shopifys eigenes Beispiel ist eine Marketing-App, die du nicht mehr nutzt, deren Daten nach genug Inaktivität pausieren. Beim Start dieser Standardeinstellung wandte Shopify sie auf alle aktiven Marketing-Pixel an, schränkte aber mindestens sieben Tage lang keines ein.
• Was es unangetastet lässt. Marketing-Tools, die aktuell Traffic oder Verkäufe zuweisen, Ereignisse für eigenständige Analyse, und Webhooks.
• Wie du es prüfst. Öffne unter Settings → Customer events das Menü des Pixels und klicke auf View details. Das Aktivitätsprotokoll listet jede Änderung von Data access paused oder Data access granted seit dem 3. Juni 2026, mit ihrem Grund.
• Wie du es änderst. Klicke auf den Namen des Pixels, wähle Optimized oder Always on, dann auf Save.

Fielen die Zahlen einer Plattform, während ihre Kampagnen pausiert waren, lies zuerst dieses Protokoll, bevor du annimmst, das Tracking sei kaputt; für Meta stehen die übrigen Ursachen in Meta-Pixel trackt keine Käufe. Ob ein Pixel Always on sein sollte, ist eine Einschätzung zu dieser App, frag also ihren Entwickler.

Wie testest du ein Pixel?

Mit Shopifys Pixel Helper: Klicke unter Settings → Customer events auf ein benutzerdefiniertes Pixel und dann auf Test, oder, bei einem App-Pixel, auf das Menüsymbol daneben und wähle Test (ein App-Pixel zur Zeit). Browse dann und schließe den Checkout im geöffneten Tab ab (Testing custom pixels, App pixels).

1. Für ein benutzerdefiniertes Pixel schlägt Shopify dieses Abonnement fürs Testen vor, das jedes Standardereignis in die Konsole loggt:

   analytics.subscribe("all_standard_events", (event) => {
     console.log("Event data ", event?.data);
   });

2. Besuche eine Seite, sieh dir ein Produkt an, lege es in den Warenkorb, starte den Checkout, gib Versanddaten ein und schließe eine Testbestellung ab. Jedes Ereignis sollte einen grünen Punkt bekommen; ein roter Punkt bedeutet, dein Callback ist fehlgeschlagen, und das Aufklappen des Ereignisses zeigt den Fehler.

3. Bestätige den Empfang auch im eigenen Tool der Plattform; Shopifys Beispiel ist TikToks Pixel Helper. Googles Tag Assistant ist die Ausnahme, wie der nächste Abschnitt erklärt. Jedes Pixel auf der Seite prüfen behandelt diese Tools.

Der Pixel Helper testet ein Pixel zur Zeit, du kannst kein Pixel bearbeiten, während es läuft, und sein Protokoll leert sich bei jedem Öffnen einer neuen Seite. Die Konsolenausgabe eines benutzerdefinierten Pixels liegt in seinem eigenen Frame, wähle also diesen Frame in der Konsole deines Browsers.

Kannst du Google Tag Manager in einem benutzerdefinierten Pixel nutzen?

Ja. Shopify dokumentiert die Einrichtung, aber die von Tag Manager geladenen Tags laufen weiterhin innerhalb der Sandbox des benutzerdefinierten Pixels mit denselben Grenzen, und Shopify sagt, Google empfehle oder unterstütze das nicht. Für Googles eigene Tags empfiehlt Shopify stattdessen die Google & YouTube App.

1. Kopiere Tag Managers Code für den Seitenkopf und entferne seine HTML-Tags.
2. Füge den Rest in ein neues benutzerdefiniertes Pixel ein.
3. Abonniere Shopifys Ereignisse und schiebe jedes zu Tag Managers dataLayer.
4. Richte Tag Manager so ein, dass er diese Ereignisse akzeptiert (Google Tag Manager, benutzerdefiniertes Pixel).

Die Funktion Troubleshoot tag des Tag Assistant kann Tags in einem benutzerdefinierten Pixel nicht sehen, teste also mit dem Pixel Helper und den eigenen Berichten der Plattformen. Mehr dazu in Google-Tag nicht erkannt. Für Nicht-Google-Tags, die du über Tag Manager laufen lässt, schlägt Shopify Apps mit App-Pixeln vor (Google-Tag-Skripte ersetzen).

Häufig gestellte Fragen

Warum ist Customer events ausgegraut?

Meist eine Mitarbeiterberechtigung. View customer events lässt eine Mitarbeiterin App- und benutzerdefinierte Pixel sehen, Manage and add custom pixels lässt sie benutzerdefinierte hinzufügen und bearbeiten, und die Verwaltung von App-Pixeln braucht Manage and install apps and channels (Store-Berechtigungen). Bitte die Shop-Inhaberin, deiner Rolle hinzuzufügen, was du brauchst.

Laufen Pixel auf Kundenkonto-Seiten?

Nur, sobald du eine eigene Subdomain für Kundenkonten verbindest, und dann tracken sie dort nur das page_viewed-Ereignis (Pixel-Übersicht).

Was hat das Cookie _shopify_y ersetzt?

Die clientId auf Shopifys Standard- und DOM-Ereignissen. Shopify setzte _shopify_y und _shopify_s ab dem 1. Januar 2026 nicht mehr, event.clientId trägt die ID, die das erste hielt. Für _shopify_s gibt es keinen Ersatz, aber ein Pixel kann über die Browser-API sein eigenes Cookie mit Sitzungsdauer setzen (Shopify Changelog).