Diese Anleitung erklärt, wie Sie mit dem JavaScript-Tracking-Code von Personyze E-Commerce-Ereignisse über die neue Cart Extension von Shopify erfassen. Der folgende Code erfasst wichtige Kundeninteraktionen, darunter Produktansichten, Hinzufügen und Entfernen im Warenkorb sowie abgeschlossene Käufe.
Integration Schritt für Schritt
Schritt 1: Das Personyze-JavaScript-SDK initialisieren
Fügen Sie dieses Initialisierungsskript in den Theme-Code Ihres Shopify-Shops ein:
<script>
window._S_T || function(s)
{
s.async = true;
s.src = '//counter.personyze.com/stat-track-lib.js';
s.onload = function()
{
_S_T.async = true;
_S_T.setup({PERSONYZE-ACCOUNT ID, "*.yourdomain.com"}); // replace with your actual details
};
(document.querySelector('head') || document.documentElement).appendChild(s);
}(document.createElement('script'));
</script>
Wichtig: Ersetzen Sie PERSONYZE-ACCOUNT ID durch Ihre tatsächliche Personyze-Konto-ID und *.yourdomain.com durch Ihre tatsächliche Domain.
Beispiel:
_S_T.setup({123456, "*.examplestore.com"});
Schritt 2: Shopify-Ereignisse für das E-Commerce-Tracking abonnieren
Fügen Sie die folgenden Skripte zum Abonnieren von Ereignissen hinzu, um wichtige Interaktionen zu erfassen:
<script>
analytics.subscribe("product_viewed", event => {
if (event?.data?.productVariant) {
console.log("Event data", event.data);
(self.personyze=self.personyze||[]).push(['Product Viewed', event.data.productVariant.id]);
}
});
analytics.subscribe("product_added_to_cart", event => {
if (event?.data?.cartLine) {
console.log("Event data", event.data);
(self.personyze=self.personyze||[]).push(['Product Added to cart', event.data.cartLine.merchandise.id, 'quantity', event.data.cartLine.quantity]);
}
});
analytics.subscribe("product_removed_from_cart", event => {
console.log("Event data", event.data);
(self.personyze=self.personyze||[]).push(['Product Removed from cart', event.data.cartLine.merchandise.id, 'quantity', event.data.cartLine.quantity]);
});
analytics.subscribe("checkout_completed", event => {
console.log("Event data", event.data);
(self.personyze=self.personyze||[]).push(['Products Purchased']);
});
</script>
Tipps zur Umsetzung
- Testen Sie die Integration nach der Umsetzung immer gründlich.
- Prüfen Sie in der Browserkonsole die Logs „Event data“, um zu kontrollieren, ob die Tracking-Ereignisse korrekt ausgelöst werden.
Wenn Sie diese Schritte befolgen, erfasst Personyze die Kundeninteraktionen mit Ihrer Shopify Cart Extension zuverlässig und liefert wertvolle Daten, um die Personalisierung und Optimierung Ihres Shops zu verbessern.