Shopify-e-commerce-events volgen met Personyze

Gebruik je de Personyze-app voor Shopify? Dan heb je dit misschien niet nodig. De app sluit de trackingcode voor je in je thema in en synchroniseert je productcatalogus automatisch — zie Personyze installeren op een Shopify-winkel. De code hieronder is voor het rapporteren van events vanuit de sandbox Customer Events van Shopify (de checkout en de winkelwagenextensie), die los van je thema draait, of voor winkels die de app niet gebruiken.

Volg de stappen hieronder om de benodigde JavaScript-code in je site in te sluiten, zodat e-commerce-activiteit van Shopify, zoals productweergaven, interacties met de winkelwagen en aankopen, aan Personyze wordt gerapporteerd.

Stap 1: initialiseer de trackingpixel van Personyze

Plaats het volgende JavaScript-fragment in de globale header van je site (vóór de afsluitende </head> -tag). Dit laadt de Personyze-SDK en initialiseert die voor je account:

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'));

Stap 2: abonneer je op e-commerce-events

Gebruik de Shopify-API analytics.subscribe om belangrijke klantacties vast te leggen en door te sturen naar Personyze. Hieronder staan voorbeelden van het rapporteren van elk type event:

Product bekeken

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

Product aan winkelwagen toegevoegd

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

Product uit winkelwagen verwijderd

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 afgerond

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

Zodra deze scripts zijn ingesloten, ontvangt Personyze automatisch realtime eventdata, waarmee het content kan personaliseren, conversies kan volgen en analyses voor je e-commercefunnel kan maken. 📌 Tip: test events altijd met de console van je browser en controleer de tracking in de simulator van Personyze.