Der komplette Custom Pixel für Shopify Web Pixels, kommentiert und mit einem CONFIG-Block oben, dazu Web- und Server-Container als importfertiges JSON. Gebaut für Shops, die vor dem 26. August aus checkout.liquid heraus müssen und dabei die Attribution nicht verlieren wollen.
Warum jetzt
Ab dem 26. August 2026 feuern checkout.liquid und das Feld Additional Scripts für Basic-, Shopify- und Advanced-Stores nicht mehr. Tracking, das dort hängt, hört an diesem Tag auf zu arbeiten, ohne Fehlermeldung und ohne Rückfrage. Web Pixels über Kundenereignisse sind danach der einzige unterstützte Weg.
Der Umzug allein reicht aber nicht. Der Custom Pixel läuft in einer Sandbox, und drei ihrer Eigenheiten kosten Daten, wenn man sie nicht kennt.
Was die Vorlage löst
- Die iframe-URL in GA4.
document.locationliefert in der Sandbox die URL der iframe, nicht die des Shops. Die Vorlage liestevent.context.window.location. - Die frische client_id pro Kauf.
document.cookiewirft in der Sandbox einenSecurityError. Ohne Zugriff auf_gabekommt jeder Kauf eine neue Identität, und die Attribution zerfällt. Die Vorlage liest überbrowser.cookie.get(). - Verlorene Add-to-Carts. Der App-generierte Pixel lädt seinen Code per
fetchund abonniert die Ereignisse erst nach dem Netzwerk-Roundtrip. Was vorher passiert, ist weg, und bei Adblockern fällt alles aus. Die Vorlage abonniert synchron. - Doppelte Käufe. Browser- und Server-Event sind dasselbe Event. Ohne gemeinsame
transaction_idzählt GA4 beide. Die Vorlage setzt eine einheitliche Order-ID in allen Pfaden. - Shop Pay und Express. Beide verlieren client-seitig die
client_idüber die Domain-Grenze. Die Vorlage holt sie über Cart-Attribute zurück.
Was drin ist
| Datei | Inhalt |
|---|---|
custom-pixel.js | Das vollständige Skript, kommentiert, mit CONFIG-Block für Measurement-ID, Server-Endpunkt und Consent-Gruppen |
web-container.json | Web-GTM-Container, importfertig, inklusive Trigger und Variablen |
server-container.json | Server-Container mit GA4- und Meta-CAPI-Tags plus Consent-Mapping |
qa-checkliste.md | Die Prüfschritte, mit denen Sie beweisen, dass es zählt |
So gehen Sie vor
- CONFIG-Block ausfüllen, Measurement-ID und Server-Endpunkt eintragen.
- Skript im Shopify-Admin unter Kundenereignisse als Custom Pixel anlegen.
- Beide Container importieren, Consent-Gruppen an Ihr CMP anpassen.
- Testbestellung im Inkognito-Modus,
purchasemittransaction_idmuss genau einmal ankommen. - Nach 48 Stunden GA4-Bestellzahl gegen Shopify prüfen, Abweichung sollte im niedrigen einstelligen Bereich liegen.
Die ausführliche Herleitung mit allen Fallstricken steht im Begleitartikel: Shopify Server-Side Tracking mit Stape.
Vorlage anfordern
Arbeits-E-Mail eintragen, die Dateien kommen per Mail. Soft-Gate, keine Wand, der Artikel bleibt vollständig lesbar.