So implementierst du Qualimero Analytics Script in Shopify
Schritt 1: Öffne im Shopify Admin-Bereich das linke Menü und scrolle ganz
nach unten. Klicke dort auf **Settings**. Hier kannst du globale Einstellungen
deines Shops verwalten.
Schritt 2: Klicke im Menü von **Settings** auf **Customer events**. Indiesem Bereich verwaltest du die Tracking-Pixel für deinen Shop.
Schritt 3: Klicke oben rechts auf **Add custom pixel**, um einen benutzerdefinierten Tracking-Code mit JavaScript zu erstellen.
Schritt 4: Gib dem Pixel einen Namen, z. B. `Qualimero Pixel`. Der Name
dient nur zur internen Unterscheidung.
Schritt 5: Scrolle zum Abschnitt **Customer privacy** und wähle folgende
Optionen:
- `Not required` unter Permission
- `Data collected does not qualify as data sale` unter Data sale
Damit stellst du sicher, dass der Pixel anonymisierte Daten sammelt und
keine Zustimmung vom Nutzer benötigt.
Schritt 6: Füge das bereitgestellte JavaScript in das Feld unter **Code** ein. Dieses Skript verfolgt Checkout-Ereignisse und sendet anonyme
Informationen an unseren Server.
Schritt 7: Klicke oben rechts auf **Save**, um die Konfiguration des Pixels zu speichern.
Schritt 8: Klicke abschließend auf **Connect**, um den Pixel zu aktivieren.
Ab diesem Zeitpunkt wird er auf deinem Shop ausgeführt.
Das Script
// Define cookie keys and account ID
const userIdKey = "qualimero-user-id";
const recommendedProductsKey = "qualimero-recommended-products";
const accountId = "1ebda2b5-79de-4e44-8552-5ecca3a65769";
// Initialize custom analytics queue if not already present
window.qualimeroAnalytics = window.qualimeroAnalytics || {
q: [],
track: function() {
this.q.push(['track', ...arguments]);
}
};
// Dynamically load the analytics script
(function() {
const script = document.createElement('script');
script.src = 'https://cdn.qualimero.com/qualimero-analytics-custom-pixel-1.0.js';
script.async = true;
document.head.appendChild(script);
})();
// Track checkout started event with additional user and recommendation data
analytics.subscribe('checkout_started', async (event) => {
const userId = await browser.cookie.get(userIdKey);
const recommendedProductsCookieVal = await browser
.cookie
.get(recommendedProductsKey);
window.qualimeroAnalytics.track(
event,
accountId,
userId,
recommendedProductsCookieVal
);
});
// Track checkout completed event with user ID
analytics.subscribe('checkout_completed', async (event) => {
const userId = await browser.cookie.get(userIdKey);
window.qualimeroAnalytics.track(
event,
accountId,
userId,
);
})