• econda Integration

    Inhaltsverzeichnis

    Kurz & Knapp

    Du kannst econda Analytics ganz einfach mit Varify.io verknüpfen, um deine A/B Test Ergebnisse direkt in econda auszuwerten. Dafür gibt es drei Wege:

    1. Direktintegration – Varify sendet die Experiment-Daten direkt per emos3.send() an econda. Kein Tag Manager nötig.
    2. Google Tag Manager – Die Tracking-Events werden über den GTM an econda übermittelt.
    3. econda Tag Manager – Die Tracking-Events werden über den econda Tag Manager übermittelt.

    Wähle die Variante, die zu deinem bestehenden Setup passt.


    Senden der Varify Events mit oder ohne User Consent

    Du hast die Möglichkeit, das Varify-Script direkt zu laden, sodass Experimente auch ohne User-Consent ausgeliefert werden können (keine rechtliche Beratung – die Entscheidung musst du selbst treffen). Die Tracking-Events kannst du unabhängig davon erst nach erteiltem User-Consent an econda senden. Alternativ kannst du das Varify-Script auch erst nach User-Consent einbinden.

    econda Direktintegration

    Wähle die Direktintegration, wenn du econda Analytics über das emos3-Script direkt in deinem Quellcode eingebunden hast und die Events direkt darüber senden möchtest.

    Hinweis: Wenn du die Direktintegration nutzt, wird die Tag Manager Integration nicht benötigt.

    Einstellen des A/B Testing Setups in Varify

    Für die Direktintegration mit econda stelle die A/B-Testing-Optionen in Varify wie folgt ein:

    1. Klicke im Dashboard auf “A/B Testing Options”.
    2. Wähle dann “Go to Tracking Setup”.
    3. Unter “Which web analytics tool do you use?” wählst du “Google Analytics 4” aus.
    4. Unter “Do you have Google Tag Manager installed on your website?” wählst du “No”.
    5. Unter “How would you like Varify to send data to your web analytics tool?” wählst du “Manually”.
    6. Speichere die Änderungen mit einem Klick auf “Update”.

    Tracking-Script auf deiner Website einfügen

    Füge nachfolgendes JavaScript-Snippet auf jeder Seite ein, auf der econda und Varify aktiv sind. Das Script lauscht auf das Varify DataLayer-Event und sendet die Experiment-Informationen automatisch an econda:

    				
    					<script>
      // Varify.io – econda Direktintegration
      (function() {
        window.dataLayer = window.dataLayer || [];
        var originalPush = window.dataLayer.push.bind(window.dataLayer);
    
        window.dataLayer.push = function(obj) {
          originalPush(obj);
          if (obj && obj.event === 'varify' && obj.varify_abTestShort) {
            if (window.emos3 && typeof window.emos3.send === 'function') {
              window.emos3.send({
                Target: ['varify', 'abTest', obj.varify_abTestShort, 1]
              });
            }
          }
        };
    
        // Bereits im DataLayer vorhandene Events verarbeiten
        for (var i = 0; i < window.dataLayer.length; i++) {
          var entry = window.dataLayer[i];
          if (entry && entry.event === 'varify' && entry.varify_abTestShort) {
            if (window.emos3 && typeof window.emos3.send === 'function') {
              window.emos3.send({
                Target: ['varify', 'abTest', entry.varify_abTestShort, 1]
              });
            }
          }
        }
      })();
    </script>
    				
    			

    So funktioniert es: Wenn Varify ein Experiment ausspielt, wird ein DataLayer-Event varify mit der Variable varify_abTestShort gepusht. Das Format ist z. B. 1234:5678 (Experiment-ID:Variations-ID) oder 1234:Original. Das Script fängt dieses Event ab und sendet es als econda Target-Event weiter.

    econda Integration mit Google Tag Manager

    Analytics Connection festlegen

    Hinweis: Wenn du die Google Tag Manager Integration nutzt, muss das Tracking Setup in Varify auf “Google Tag Manager” eingestellt werden.

    Bevor du mit dem Google Tag Manager beginnst, solltest du zunächst die entsprechenden Einstellungen in deinem Dashboard vornehmen:

    1. Gehe im Dashboard zu „A/B Testing Options” und wähle „Go to Tracking Setup”.
    2. Unter “Which web analytics tool do you use?” wählst du “Google Analytics 4” aus.
    3. Unter “Do you have Google Tag Manager installed on your website?” wählst du “Yes”.
    4. Unter “How would you like Varify to send data to your web analytics tool?” wählst du “Manually”.
    5. Bestätige die Auswahl mit einem Klick auf „Update”.

    Anpassungen im Google Tag Manager

    Um Varify.io mit econda über den Google Tag Manager zu integrieren, musst du einen Tag im Tag Manager erstellen, der Tracking-Events an econda sendet. Dies ermöglicht es dir, die Ergebnisse deiner Experimente in econda auszuwerten.

    1. Erstelle eine Data Layer Variable

    Diese Variable wird verwendet, um den Tag mit Informationen des A/B Tests zu versehen.

    • Name der Variablen: z. B. VA Short (oder eigenen Namen wählen)
    • Name der Datenschichtvariable: varify_abTestShort (Schreibweise obligatorisch)

    2. Erstelle einen Trigger

    Der Trigger ist das entscheidende Ereignis, das die Übermittlung der Daten zum Analytics-System anstößt.

    • Name des Triggers: z. B. Varify.io – Event (oder eigenen Namen wählen)
    • Triggertyp: „Benutzerdefiniertes Ereignis” (obligatorisch)
    • Ereignisname: varify (Schreibweise obligatorisch)

    3. Erstelle ein Custom HTML Tag

    Tags sind Code-Snippets, die die in den Variablen gespeicherten Werte an dein Analytics-Tool senden.

    • Name des Tags: z. B. Varify.io – econda Tracking Linker (oder eigenen Namen wählen)
    • Konfigurations-Tag: Custom HTML
    • Trigger: Das zuvor erstellte Varify.io – Event einfügen

    Füge nachfolgenden Code in das Custom-HTML Tag ein:

    				
    					<script>
      // Varify.io – econda Integration via GTM
      var abTestShort = {{VA Short}};
    
      if (abTestShort && window.emos3 && typeof window.emos3.send === 'function') {
        window.emos3.send({
          Target: ['varify', 'abTest', abTestShort, 1]
        });
      }
    </script>
    				
    			

    Wichtig: Die Bezeichnung der Variable in {{VA Short}} muss dem Namen entsprechen, mit dem du die DataLayer-Variable zuvor benannt hast. Tipp: Wenn du mit {{ tippst, werden dir alle angelegten Variablen vorgeschlagen.

    Alternative Version für langsames Laden von econda:

    Falls econda auf deiner Seite erst spät geladen wird, verwende diese Version, die auf das Laden von emos3 wartet:


    				
    					<script>
      var abTestShort = {{VA Short}};
    
      function sendToEconda() {
        if (window.emos3 && typeof window.emos3.send === 'function') {
          window.emos3.send({
            Target: ['varify', 'abTest', abTestShort, 1]
          });
        } else {
          setTimeout(sendToEconda, 200);
        }
      }
    
      if (abTestShort) {
        sendToEconda();
      }
    </script>
    				
    			

    4. Veröffentliche die Anpassungen an deinem GTM Container

    Damit deine Anpassungen im Google Tag Manager auch auf deiner Website funktionieren, ist es wichtig, die Änderungen zu veröffentlichen.

    Gehe dazu im Tag Manager links auf “Übersicht”. Hier siehst du alle Elemente, die du eben erstellt hast im Überblick.

    Klicke zum Veröffentlichen oben rechts auf den blauen “Veröffentlichen” Button und bestätige diese. Ab jetzt ist das Tag live und sendet die Daten an econda.

    econda Integration mit econda Tag Manager

    Wenn du den econda eigenen Tag Manager nutzt, kannst du die Integration darüber vornehmen.

    Analytics Connection festlegen

    Stelle das Tracking Setup in Varify wie folgt ein:

    1. Gehe im Dashboard zu „A/B Testing Options” und wähle „Go to Tracking Setup”.
    2. Unter “Which web analytics tool do you use?” wählst du “Google Analytics 4” aus (Ja, diese Einstellung ist korrekt).
    3. Unter “Do you have Google Tag Manager installed on your website?” wählst du “Yes”. Wähle auch „Yes”, wenn du nur den econda Tag Manager auf deiner Website integriert hast.
    4. Unter “How would you like Varify to send data to your web analytics tool?” wählst du “Manually”.
    5. Bestätige mit „Update”.

    Einrichtung im econda Tag Manager

    1. Erstelle ein Custom HTML Tag

    Lege im econda Tag Manager ein neues Custom JavaScript Tag an und füge folgenden Code ein:

    				
    					<script>
      // Varify.io – econda Tag Manager Integration
      window.dataLayer = window.dataLayer || [];
    
      for (var i = 0; i < window.dataLayer.length; i++) {
        var entry = window.dataLayer[i];
        if (entry && entry.event === 'varify' && entry.varify_abTestShort) {
          window.emos3.send({
            Target: ['varify', 'abTest', entry.varify_abTestShort, 1]
          });
        }
      }
    </script>
    				
    			

    2. Erstelle ein Aktivierungs-Tag

    Lege ein weiteres Custom HTML Tag an, das sicherstellt, dass Varify Tracking-Events senden darf. Speichere das Tag mit einem Trigger ab, der auslöst, sobald dein econda Tracking aktiv ist.

    				
    					<script>
      window.varify.tracking.activate();
    </script>
    				
    			

    Hinweis: Wird das Tag nicht ausgelöst, werden keine Events an econda gesendet.

    3. Veröffentliche die Anpassungen

    Veröffentliche die neue Version im econda Tag Manager, damit die Tags live gehen.


    Überprüfen deiner Tracking Integration

    Um sicherzustellen, dass alles richtig miteinander verbunden ist, empfehlen wir dir, einen A/A Test zu starten. Dadurch kannst du sicherstellen, dass alles korrekt funktioniert, bevor du mit dem Testen beginnst.

    Wenn alles korrekt eingerichtet ist, solltest du im econda Analytics Dashboard unter Events ein Target-Event mit folgenden Werten sehen:

    • Gruppe: varify
    • Aktion: abTest
    • Detail: z. B. 1234:5678 oder 1234:Original

    Wie genau ein A/A Test funktioniert erfährst du hier: Starte einen A/A Test und überprüfe das Tracking


    Auswerten deiner Experimente in econda

    Nachdem du die Integration eingerichtet hast, kannst du in econda Analytics nach deinen Experiment-Varianten segmentieren:

    1. Gehe in econda Analytics zu „Berichte” oder „Analyse”.
    2. Erstelle ein Segment basierend auf dem Target-Event mit der Gruppe varify.
    3. Filtere nach dem Detail-Wert, um einzelne Varianten zu vergleichen (z. B. 1234:5678 für eine Variante vs. 1234:Original für die Kontrolle).

    So kannst du Conversion Rates, Umsätze und weitere KPIs pro Variante direkt in econda auswerten.

  • Erste Schritte