Pixel installieren
Dein erster Schritt: das Skript einbauen, damit Skyfy misst. Shopify, WooCommerce, Shopware, GTM plus Live-Check.
Der Skyfy-Pixel ist ein kleines Skript, das du einmal in deinen Shop einbaust. Danach misst Skyfy Insights, welche Besucher über welchen Kanal kommen und was sie am Ende kaufen. Ohne Pixel keine Daten, also ist das dein erster Schritt.
Der Einbau dauert je nach Plattform 2 bis 10 Minuten. Am Ende dieser Anleitung prüfst du im Live-Debugger, ob wirklich Daten ankommen.
Das ist dein Snippet
Jeden Shop bindest du mit genau diesem Code-Schnipsel an:
<script async src="https://ingest.skyfy.me/tracking.js" data-website-id="<DEINE-WEBSITE-ID>"></script>
Ersetze <DEINE-WEBSITE-ID> durch deine echte Website-ID. Die findest du in deinem Dashboard unter der Website, die du anbinden willst. Kopiere sie am besten direkt von dort, dann tippst du dich nicht.
Der Pixel gehört möglichst weit oben in den Seitenkopf, direkt vor das schließende </head>. Durch async bremst er deine Ladezeit nicht.
Shopify (empfohlen: Auto-Install)
Bei Shopify musst du gar nichts von Hand einbauen.
- Gehe im Dashboard auf deine Website und klicke bei der Shopify-Verbindung auf Reconnect (bzw. Verbinden).
- Bestätige die Berechtigungen im Shopify-Login.
- Skyfy installiert den Pixel danach automatisch in deinem Shop.
Fertig. Wenn du den Pixel später mal manuell brauchst (z. B. bei einem stark angepassten Theme), kannst du auch den Snippet-Weg unten nutzen.
WooCommerce
WooCommerce (WordPress) hat keinen Auto-Install. Du hast zwei saubere Wege:
Weg A: über das Theme
- WordPress-Adminbereich öffnen.
- Zu Design → Theme-Datei-Editor gehen und die Datei
header.phpdeines (Child-)Themes öffnen. Nutze am besten ein Child-Theme, sonst ist der Code nach dem nächsten Theme-Update weg. - Das Snippet direkt vor
</head>einfügen und speichern.
Weg B: über ein Header-Plugin Wenn du keine Theme-Dateien anfassen willst, installiere ein Plugin wie „Insert Headers and Footers" und füge das Snippet dort in den Header ein. Das übersteht Theme-Updates.
Alternativ geht auch der Google-Tag-Manager-Weg (siehe unten).
Shopware 5
- Im Backend zu Einstellungen → Theme-Manager gehen.
- Dein aktives Theme öffnen und die Datei
frontend/index/index.tplbearbeiten (bzw. den passenden Head-Block deines Themes). - Das Snippet in den Head-Bereich einfügen, vor
</head>, und speichern. - Theme-Cache leeren, damit die Änderung sichtbar wird.
Wenn du keine Theme-Dateien bearbeiten möchtest, nimm den Google-Tag-Manager-Weg.
Shopware 6
- Im Backend eine eigene, kleine Theme-Anpassung nutzen oder das Snippet über den Storefront-Head deines Themes einbinden (
Resources/views/storefront/layout/meta.html.twigper Theme-Override). - Snippet in den Head einfügen und Theme neu bauen (
Themes kompilieren).
Der pragmatischere Weg bei Shopware 6 ist ebenfalls der Google-Tag-Manager.
Google Tag Manager (funktioniert für jede Plattform)
Wenn du GTM schon nutzt oder Theme-Dateien meiden willst, ist das oft der schnellste Weg:
- In GTM einen neuen Tag anlegen.
- Tag-Typ: Benutzerdefiniertes HTML (Custom HTML).
- Das komplette Snippet von oben (mit deiner Website-ID) in das HTML-Feld einfügen.
- Als Trigger All Pages (alle Seiten) auswählen.
- Tag speichern und den Container veröffentlichen (Submit).
Wichtig: Nach dem Speichern in GTM ist der Pixel erst live, wenn du den Container auch veröffentlicht hast. Das wird gern vergessen.
Prüfen, ob Daten ankommen (Live-Debugger)
Bau nie blind ein und hoffe. Verifiziere direkt:
- Öffne im Dashboard den Live-Debugger für deine Website.
- Öffne deinen Shop in einem zweiten Tab und klicke ein paar Seiten durch.
- Im Live-Debugger sollten jetzt in Echtzeit Ereignisse auftauchen (z. B.
Pageview,Seitenaufruf). - Leg optional eine Testbestellung an. Dann sollte kurz darauf ein
Purchase/Kaufmit deiner Bestellnummer erscheinen.
Wenn nichts ankommt, siehe unten.
Wenn keine Daten kommen
- Website-ID falsch? Vergleiche die ID im Snippet Zeichen für Zeichen mit der im Dashboard.
- GTM nicht veröffentlicht? In GTM prüfen, ob der Container-Stand wirklich live ist (nicht nur gespeichert).
- Cache? Bei Shopware/WooCommerce Theme- und Seiten-Cache leeren, danach erneut testen.
- Consent-Banner? Wenn dein Cookie-Banner Tracking bis zur Zustimmung blockiert, kommen Ereignisse erst nach dem Klick auf „Zustimmen". Das ist gewollt und korrekt (siehe DSGVO & Consent). Zum Testen einmal zustimmen.
- Ad-Blocker? Teste im Zweifel in einem Browser ohne Ad-Blocker.
Kommst du nicht weiter, schick uns deine Website-ID und die Plattform an support@skyfy.me. Wir schauen mit dir drauf.
Nächster Schritt, wenn Daten fließen: Meta-CAPI & Dedup einrichten.