Blog-Inhalte
July 3, 2024

Shopify Benutzerdefinierte Pixel-Integrationen

Shopify Benutzerdefinierte Pixel-Integrationen: Empower Your Business Datenanalyse und Marketing sind von großer Bedeutung für den Erfolg Ihres E-Commerce-Geschäfts. Shopify

Was ist ein benutzerdefiniertes Pixel in Shopify?

Ein benutzerdefiniertes Pixel (Custom Pixel) ist in Shopify ein Tracking-Code, der unter Einstellungen > Kundenereignisse (Customer Events) hinzugefügt wird und in einer Sandbox, also einer isolierten Umgebung, läuft. Diese Funktion ersetzt das direkte Einfügen von Tracking-Skripten in den Theme-Code: Sie empfängt die eigenen Analyse-Ereignisse von Shopify (Seitenaufruf, Produktaufruf, In den Warenkorb, Checkout-Start, Kauf) in einem Standardformat und leitet sie an Drittanbieter-Tools weiter (Google Ads, Meta Pixel, TikTok Pixel).

Der Unterschied zwischen einem benutzerdefinierten Pixel und einem ins Theme eingefügten Skript ist die Isolation: Da das Pixel in einer Sandbox läuft, hat es keinen direkten Zugriff auf das DOM der Seite und kann nur die Standardereignisse empfangen, die Shopify an es übermittelt. Dieser Unterschied ist sowohl für die Sicherheit als auch für das Einwilligungsmanagement (Consent) entscheidend.

Benutzerdefiniertes Pixel und Theme-Skript im Vergleich

MerkmalBenutzerdefiniertes PixelIns Theme eingefügtes Skript
LaufzeitumgebungSandbox (isoliert)Haupt-JavaScript-Umgebung der Seite
Berücksichtigung der Kundeneinwilligung (Consent)Nativ in die Customer Privacy API von Shopify integriertManuelle Steuerung erforderlich
Auswirkung auf die LadegeschwindigkeitGeringer, von Shopify verwaltetBelastet direkt den Main Thread
Abhängigkeit von Theme-UpdatesKeine, läuft unabhängig von Theme-ÄnderungenKann bei einem Theme-Update gelöscht werden
Ort der EinrichtungEinstellungen > KundenereignisseDatei theme.liquid

Welche Daten kann ein benutzerdefiniertes Pixel erfassen?

Die Standard-Analyse-Ereignisse von Shopify (etwa page_viewed, product_viewed, collection_viewed, search_submitted, cart_viewed, checkout_started, checkout_completed) werden automatisch an jedes benutzerdefinierte Pixel übermittelt. Entwickler abonnieren diese Ereignisse und leiten sie an das gewünschte Drittanbieter-Tool weiter (Meta Conversions API, Google Ads, TikTok Events API). Für Shops, die ein besonderes Conversion-Ereignis erfassen möchten, das eine Standard-App-Installation nicht abdeckt (etwa ein Formularversand oder ein bestimmter Button-Klick), bietet das benutzerdefinierte Pixel eine Flexibilität, die fertige Apps nicht bieten.

Event-Abonnements für product_viewed, checkout_completed und form_submitted im Code-Editor eines Shopify Custom Pixels
Wichtiger Hinweis: Da ein benutzerdefiniertes Pixel in einer Sandbox läuft, kann es das DOM der Seite nicht direkt auslesen. Nutzbar sind die Ereignisse, die Shopify an das Pixel übermittelt, und die Daten, die mit ihnen mitkommen (etwa Produktpreis oder Warenkorbinhalt). Mit analytics.subscribe('clicked') / ('form_submitted') lassen sich dennoch Klick- und Formularereignisse erfassen, und aus dem Theme können per Shopify.analytics.publish auch eigene Ereignisse gesendet werden.

Zusammenhang mit der Kundeneinwilligung (Consent)

Benutzerdefinierte Pixel arbeiten mit der Customer Privacy API von Shopify zusammen: Lehnt ein Besucher Analyse- oder Marketing-Cookies ab, wird das betreffende Pixel automatisch deaktiviert. So stimmen Cookie-Einwilligung und Tracking-Codes überein, ohne dass Sie dies manuell kontrollieren müssen. Das Thema Cookie-Einwilligung und KVKK-Konformität (KVKK ist das türkische Datenschutzgesetz) behandeln wir außerdem in unserem Leitfaden zur Cookie-Richtlinie.

Wie serverseitiges Tracking und benutzerdefinierte Pixel zusammenarbeiten und wo die Grenzen des browserbasierten Trackings liegen (iOS-Updates, Werbeblocker), erklären wir ausführlich in unserem Leitfaden zu Server-Side Tracking und Consent Mode.

Worauf Nodus Works bei der Einrichtung benutzerdefinierter Pixel achtet

Laufen in einem Shop mehrere Marketing-Tools gleichzeitig (Meta, Google, TikTok), richten wir nicht für jedes ein eigenes benutzerdefiniertes Pixel ein. Stattdessen bauen wir eine Architektur auf, die die Ereignisstruktur an einer zentralen Stelle verwaltet und an die jeweiligen Tools verteilt. Kommt später ein neues Tool hinzu, wird nur diese eine Stelle aktualisiert, statt alle Pixel neu zu schreiben.

Für Shops, die besondere Conversion-Ereignisse erfassen oder mehrere Werbeplattformen in einer einzigen Architektur verwalten möchten, übernimmt unser Service für Shopify-Integrationslösungen diese Einrichtung von Anfang bis Ende.

FAQ

Was ist der Unterschied zwischen einem benutzerdefinierten Pixel und einem ins Theme eingefügten Skript? Ein benutzerdefiniertes Pixel läuft in einer Sandbox (isolierten Umgebung) und ist nativ in die Customer Privacy API von Shopify integriert. Ein Theme-Skript läuft dagegen in der Haupt-JavaScript-Umgebung, und das Einwilligungsmanagement muss manuell gesteuert werden.

Beeinflusst ein benutzerdefiniertes Pixel die Ladegeschwindigkeit? Weniger als ein ins Theme eingefügtes Skript, weil es in einer Sandbox und von Shopify verwaltet läuft. Das bedeutet aber nicht, dass es gar keine Auswirkung hat: Jeder zusätzliche Tracking-Code verursacht eine gewisse Last.

Welche Daten kann ein benutzerdefiniertes Pixel erfassen? Es kann die Standard-Analyse-Ereignisse von Shopify erfassen (etwa Seitenaufruf, In den Warenkorb, Checkout-Start, Kauf). Das DOM der Seite kann es nicht auslesen, aber indem es DOM-Ereignisse wie Klicks (clicked) und Formularversand (form_submitted) abonniert, kann es auch bestimmte Button-Klicks erfassen.

Berücksichtigt ein benutzerdefiniertes Pixel die Cookie-Einwilligung? Ja. Lehnt ein Besucher Analyse- oder Marketing-Cookies ab, wird das betreffende Pixel automatisch deaktiviert; das stellt die Customer Privacy API von Shopify nativ sicher.

Fazit

Ein benutzerdefiniertes Pixel in Shopify ist eine sicherere und einwilligungsgerechte Alternative zum Einfügen von Tracking-Skripten in den Theme-Code. Die Sandbox schützt Ladegeschwindigkeit und Sicherheit und ermöglicht zugleich, die Standard-Analyse-Ereignisse von Shopify an Drittanbieter-Tools zu übertragen. Für Shops, die mehrere Marketing-Tools nutzen, verringert eine zentrale Pixel-Architektur den späteren Wartungsaufwand.

Wenn Sie ein Tracking für besondere Conversions oder eine Integration mehrerer Werbeplattformen aufbauen möchten, können Sie sich an unseren Integrationsservice wenden.