• Shopify Tracking

    Inhaltsverzeichnis

    Kurz & Knapp

    Verbinde Shopify direkt mit Varify und analysiere deine Experimente direkt mit den Conversion und Revenue Daten aus Shopify. Die Integration funktioniert nur gemeinsam mit dem Einsatz von GA4, da die Anzahl der Visitor aus GA4 importiert werden.

    So nutzt du Shopify Tracking Daten

    Schritt 1: Aktiviere den Shopify Datenimport

    Gehe zum “Tracking Setup” und klicke auf den Tab “Advanced Setup”. Aktiviere hier die Einstellung “Use Shopify Data”.

    Schritt 2: Erstelle ein Custom Pixel mit Varify Tracking Code

    Klicke auf “Settings” in deinem Shopify Store und öffne “Customer events”. Klicke danach auf “Add custom pixel” und füge den nachfolgenden Code ein:

    				
    					analytics.subscribe('varify', async (event) => {
      const {varify_experimentId, varify_variationId, teamId, storageType, timestamp} = event.customData;
      const validVariationId = varify_variationId !== undefined ? varify_variationId : null;
    
      const existingDataRaw = await browser.localStorage.getItem('varify-data');
      const existingData = existingDataRaw ? JSON.parse(existingDataRaw) : {};
    
      if (!existingData.data) {
        existingData.data = [];
      }
    
      const experimentEntry = {
        [varify_experimentId]: validVariationId,
        timestamp: timestamp || new Date().toISOString()
      };
    
      existingData.data = existingData.data.filter(
        entry => !entry.hasOwnProperty(varify_experimentId)
      );
    
      existingData.data.push(experimentEntry);
      existingData.teamId = teamId;
      existingData.storageType = storageType;
    
      existingData.data = existingData.data.filter(
        entry => Object.keys(entry).length > 0
      );
    
      await browser.localStorage.setItem('varify-data', JSON.stringify(existingData));
    });
    
    analytics.subscribe('checkout_started', async (event) => {
      const existingDataRaw = await browser.localStorage.getItem('varify-data');
      const existingData = existingDataRaw ? JSON.parse(existingDataRaw) : {};
    
      if (!existingData.data || existingData.data.length === 0) {
        return;
      }
    
      const thresholdDate = new Date();
      thresholdDate.setDate(thresholdDate.getDate() - 28);
    
      existingData.data = existingData.data.filter(entry => {
        if (!entry.timestamp) {
          return true;
        }
    
        const entryDate = new Date(entry.timestamp);
        return entryDate >= thresholdDate;
      });
    
      await browser.localStorage.setItem('varify-data', JSON.stringify(existingData));
    });
    
    analytics.subscribe('checkout_completed', async (event) => {
    
      const {data: {checkout: {order: {id: orderId} = {}, subtotalPrice: {amount: orderRevenue} = {}} = {}}} = event;
      const localVariationData = await browser.localStorage.getItem('varify-data');
      const parsedData = JSON.parse(localVariationData);
      const storedAccountId = parsedData.teamId;
      const storageType = parsedData.storageType;
      const experiments = parsedData.data.map(entry => {
          return Object.entries(entry)[0]
        });
    
      try {
        await fetch('https://ecommerce.varify.io/store_data', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
          },
    
          body: JSON.stringify({
            experiments,
            orderId,
            orderRevenue,
            accountId: storedAccountId,
            storageType: storageType,
          }),
        });
    
      } catch (error) {
        console.error('Error sending data', error);
      }
    });
    				
    			

    Nachdem du den Code hinzugefügt hast, klicke auf speichern. Prüfe zusätzlich, dass deine Permissions korrekt gesetzt sind, ansonsten wird das Script nicht ausgeführt, falls eine User Permission fehlen sollte. Klicke im Anschluss auf “Connect”. Jetzt ist die Integration erfolgreich installiert.

    Schritt 3: Füge deinem Experiment Shopify Goals hinzu

    Stelle sicher, dass dein Tracking Setup eingerichtet ist und dass du GA4 als Tracking Provider ausgewählt hast und dass der Punkt “Test Evaluation” auf “In Varify and GA4” steht. Wenn dass der Fall ist, dann erscheinen ab jetzt für “neu angelegte” Experimente ein “Results Link” oben rechts am gestarteten Experiment. 

    Beim Klick auf den “Results Link” öffnet sich der entsprechende Ergebnisreport des Experiments. Nun kannst du per Klick auf “Add Shopify Goal” entweder “Conversions” oder “Revenue” als Goal hinzufügen. Die Visitors des Goals, werden aus GA4 übernommen. Der Conversion Wert und der Revenue Wert kommen direkt aus Shopify.

    Wichtig: GA4 Daten werden erst nach ca. 24 Stunden upgedated. Die Daten aus Shopify werden in Echtzeit upgedated.

  • Erste Schritte