Personyze Wiki Personyze Wiki docs
Deutsch
Open Personyze
Docs/ Feeds und Uploads/ Personyze-Tracking mit der neuen Shopify Cart Extension
Feeds und Uploads

Personyze-Tracking mit der neuen Shopify Cart Extension

E-Commerce-Ereignisse aus der Sandbox Customer Events von Shopify mit dem JavaScript-Tracking-Code von Personyze erfassen.

2 min read Updated 2 Stunden ago
Nutzen Sie die Personyze-Shopify-App? Dann brauchen Sie das womöglich nicht. Die App bettet den Tracking-Code für Sie in Ihr Theme ein und synchronisiert Ihren Produktkatalog automatisch — siehe Personyze in einem Shopify-Shop installieren. Der folgende Code dient dazu, Ereignisse aus der Sandbox Customer Events von Shopify (Checkout und Cart Extension) zu melden, die getrennt von Ihrem Theme läuft, oder ist für Shops gedacht, die die App nicht nutzen.

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.

Did this page answer your question?
Thank you — that goes to whoever maintains this page.