Shopify
Fügen Sie Ihrem Theme ein Script-Tag hinzu. Das dauert zwei Minuten.
Schritte
- Gehen Sie im Shopify-Admin zu Onlineshop > Themes.
- Klicken Sie neben Ihrem aktiven Theme auf die drei Punkte (oder Anpassen) und wählen Sie Code bearbeiten.
- Öffnen Sie layout/theme.liquid.
- Fügen Sie das folgende Snippet direkt vor dem schließenden </head>-Tag ein.
- Klicken Sie auf Speichern.
Das Snippet
Ersetzen Sie SITE_ID durch die ID aus Ihren Glyphex-Website-Einstellungen.
<script defer src="https://glyphex.io/t/SITE_ID.js"></script>
Benutzerdefinierte Shopify-Pixel (Einstellungen > Kundenereignisse) laufen in einer Sandbox, die einschränkt, was ein Tracker sehen kann. Nutzen Sie stattdessen theme.liquid.
Funktion prüfen
Öffnen Sie Ihre Live-Website in einem neuen Tab und dann Echtzeit in Ihrem Glyphex-Dashboard. Ihr Besuch sollte nach wenigen Sekunden erscheinen.
Eigene Events erfassen
Fügen Sie Data-Attribute in Ihren Theme-Dateien hinzu. Liquid-Werte funktionieren darin:
<!-- In a theme section or snippet -->
<button
data-glyphex-event="add_to_cart_click"
data-glyphex-event-product="{{ product.handle }}"
>
Add to cart
</button>Events lassen sich auch mit window.analytics.track(name, props) oder den deklarativen Attributen data-glyphex-event und data-glyphex-event-<prop> senden.
Fehlerbehebung
- Keine Daten? Prüfen Sie, ob die Site-ID exakt stimmt und die Seite neu veröffentlicht bzw. der Cache geleert wurde.
- Werbeblocker können Analytics-Scripts blockieren. Deaktivieren Sie Ihren zum Testen.
- Content Security Policy: Erlauben Sie https://glyphex.io in script-src und connect-src.
- Prüfen Sie in DevTools > Network auf eine Anfrage an glyphex.io/t/. Ein 404 bedeutet, dass die Site-ID falsch ist.