Shopify: Purchase Tracking Integration

Setzen Sie das Neocom Purchase Tracking ganz einfach in Ihrem Shopify-Store um

Mit dem Neocom Purchase Tracking können Sie wertvolle Einblicke in das Kaufverhalten Ihrer Kundschaft gewinnen. In dieser Anleitung zeigen wir Ihnen Schritt für Schritt, wie Sie ein benutzerdefiniertes Pixel zur Kaufverfolgung in Ihrem Shopify-Store integrieren. Dadurch können Sie das Kaufverhalten präzise erfassen und Ihre Marketingmaßnahmen optimieren. Folgen Sie einfach den untenstehenden Anweisungen, um das Tracking erfolgreich einzurichten. Sie können auch unser kurzes Video zur Einrichtung ansehen.

Schritt für Schritt Anleitung

1. Öffnen Sie im Admin-Bereich Ihres Shopify-Stores die Einstellungen (Settings).
   
2. Klicken Sie auf Kundenereignisse (Customer events).
   
3. Wählen Sie Benutzerdefiniertes Pixel hinzufügen (Add custom pixel).
   
4. Geben Sie einen beschreibenden Namen für das Pixel ein, z. B. Neocom Purchase Tracking.
   
5. Verwenden Sie die folgenden Einstellungen.
   
6. Fügen Sie den benutzerdefinierten Pixel-Code ein und klicken Sie auf Speichern (Save).
   
7. Drücken Sie abschließend auf Verbinden (Connect), um das Tracking zu aktivieren.
   

Custom Pixel Code

// Add your Neocom client ID below
const neocomClientId = "my-neocom-client-id"
const script = document.createElement('script')
script.type = "text/javascript"
script.src = "https://production.neocomapp.com/neocom.js?id=" + neocomClientId
script.async = true
script.setAttribute('fetchPriority', 'high')
document.head.appendChild(script)
function trackPurchase(purchaseData) {
  if (window.Neocom) {
    window.Neocom.trackPurchase(purchaseData);
  } else {
    window.addEventListener("neocomloaded", () => window.Neocom.trackPurchase(purchaseData));
  }
}
analytics.subscribe("checkout_completed", (event) => {
    try {
        const checkoutData = event.data.checkout;
        const order = checkoutData.order;
        const lineItems = checkoutData.lineItems || [];
        const contents = lineItems.map(item => {
            const variant = item.variant;
            return {
                id: variant.product.id,
                quantity: item.quantity,
                price: variant.price.amount
            };
        });
        const purchaseData = {
            value: checkoutData.totalPrice.amount,
            currency: checkoutData.currencyCode,
            order_id: order.id,
            contents: contents
        };
        trackPurchase(purchaseData);
    } catch (error) {}
});

Sehen Sie hier nochmal alle Schritte in einem kurzen Video: