Shopify-E-Commerce-Ereignisse mit Personyze tracken

Nutzen Sie die Personyze-App für Shopify? Dann brauchen Sie das hier 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 verwenden.

Um E-Commerce-Aktivitäten in Shopify wie Produktansichten, Warenkorbinteraktionen und Käufe an Personyze zu melden, betten Sie wie unten beschrieben den erforderlichen JavaScript-Code in Ihre Website ein.

Schritt 1: Das Personyze-Tracking-Pixel initialisieren

Fügen Sie das folgende JavaScript-Snippet in den globalen Header Ihrer Website ein (vor dem schließenden </head> -Tag). Es lädt das Personyze-SDK und initialisiert es für Ihr Konto:

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(YOUR-ACCOUNT-ID, "*.yourdomain.com");
    };
    (document.querySelector('head') || document.documentElement).appendChild(s);
}(document.createElement('script'));

Schritt 2: E-Commerce-Ereignisse abonnieren

Nutzen Sie die Shopify-API analytics.subscribe , um wichtige Kundenaktionen zu erfassen und an Personyze weiterzuleiten. Unten finden Sie Beispiele, wie Sie jeden Ereignistyp melden:

Produkt angesehen

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
            ]);
        }
    }
);

Produkt in den Warenkorb gelegt

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
            ]);
        }
    }
);

Produkt aus dem Warenkorb entfernt

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
        ]);
    }
);

Checkout abgeschlossen

analytics.subscribe(
    "checkout_completed",
    event => {
        console.log("Event data ", event.data);
        (self.personyze = self.personyze || []).push([
            'Products Purchased'
        ]);
    }
);

Sobald diese Skripte eingebettet sind, erhält Personyze automatisch Ereignisdaten in Echtzeit und kann damit Inhalte personalisieren, Conversions tracken und Analysen für Ihren E-Commerce-Funnel erstellen. 📌 Tipp: Testen Sie Ereignisse immer über die Konsole Ihres Browsers und prüfen Sie das Tracking im Personyze-Simulator.