So integrierst du dich in Spree

Du wirst lernen

Erfahre, wie du Spree in Klaviyo integrieren kannst. Wenn du diese Schritte abgeschlossen hast, kannst du deine E-Mails auf der Grundlage der Einkäufe und der Website-Aktivität jedes Kunden personalisieren und zielgerichtet versenden. Das sind die Daten, die wir von Spree synchronisieren:

• Verkaufs- und Bestelldaten, einschließlich der gekauften Produkte, Produktbilder, Variantendetails und angewandte Rabatte
• Kundeninformationen wie Vor- und Nachname, Standort und wie sie deinen Laden gefunden haben
• Erfüllte Auftragsdaten

Hinzufügen der Spree-Integration in Klaviyo

1. Wähle in Klaviyo die Registerkarte Integrationen.
2. Klick auf „Apps entdecken“, such nach„Spree“ und klick auf die Karte. Klicke dann auf Installieren.
3. Auf der nächsten Seite musst du deine Laden-URL und einen Spree API-Schlüssel / Verschlüsseltes Passwort angeben. Du kannst diesen API-Schlüssel in deinem Spree Admin generieren, indem du zu Benutzer navigierst, ein Konto auswählst und dann API-Schlüssel generieren wählst.
4. Zurück in Klaviyo, füge deine Laden URL und API-Schlüssel/verschlüsseltes Passwort in die Felder ein.
   
5. Wenn du eine versionierte Spree-API (v1) verwendest, markiere das entsprechende Feld.
6. Klicke auf Mit Spree verbinden. 
7. Wenn du Kunden, die sich für den Erhalt von E-Mails aus deinem Spree Laden entschieden haben, zu einer Liste in Klaviyo hinzufügen möchtest, aktiviere das Feld Neue Spree Kunden zu einer Klaviyo Liste hinzufügen auf der nächsten Seite. Nachdem du dieses Kästchen markiert hast, wähle eine Liste aus, zu der neue Opt-Ins hinzugefügt werden sollen.
8. Wenn du bereit bist, klicke auf Einrichtung abschließen. Du solltest dann eine Erfolgsmeldung sehen, die anzeigt, dass du erfolgreich integriert hast.

Klaviyo Onsite-Tracking installieren

Um das Onsite-Tracking zu installieren, das aus zwei Ereignissen besteht - Active on Site und Viewed Product- musst du zunächst deinen öffentlichen API-Schlüssel finden. Logge dich in dein Klaviyo-Konto ein und gehe zu Kontoname > Einstellungen > API-Schlüssel. Dein öffentlicher Schlüssel ist sechs Zeichen lang. Kopiere diesen Schlüssel sicher, um ihn im nächsten Schritt zu verwenden. 

Es gibt zwei Arten von Onsite-Tracking, die du nutzen kannst:

• Active on Site
  Diese Metrik wird verfolgt, wenn ein identifizierbarer Browser deine Website besucht.
• Angeschautes Produkt
  Diese Metrik wird verfolgt, wenn ein identifizierbarer Browser eine Produktseite auf deiner Website anschaut.

"Aktiv auf der Website" verfolgen

Diese Metrik wird verfolgt, wenn ein identifizierbarer Browser deine Website besucht.

1. Um mit dem Tracking der Active on Site-Aktivitäten zu beginnen, füge den folgenden Codeschnipsel in deine Haupt-Ladenvorlage ein, sodass er auf allen Seiten zu sehen ist. Du solltest dieses Snippet entweder mit anderen Analyseskripten, die du verwendest, oder direkt vor dem schließenden </body </body>> Tag platzieren.
2. Ersetze die Public -Schlüssel API durch Klaviyo die Public API-Schlüssel deines Kontos:

   <script type="text/javascript" async="" src="https://static.Klaviyo.com/onsite/js/Klaviyo.js?company_id=PUBLIC_API_KEY"></script>
   <script type="text/javascript"> 
   //Initialisiere das Klaviyo Objekt beim Laden der Seite
   !function(){if(!window.Klaviyo){window._klOnsite=window._klOnsite||[];try{window.Klaviyo=new Proxy({},{get:function(n,i){return"Push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.Push([i].concat(o,[function(i){t&&t(i),n(i)}]))});return e}}})}catch(n){window.Klaviyo=window.Klaviyo[],window.Klaviyo.Push=function(){var n;(n=window._klOnsite).Push.apply(n,arguments)}}}}(); </script>

3. Je nachdem, welche Art von Vorlage du für deine Website verwendest, sind die {% if user.is_logged_in %}- und {{ user.email }} -Syntaxen wahrscheinlich unterschiedlich. Mit der verfügbaren Vorlage-Sprache willst du überprüfen, ob die Person, die die aktuelle Seite betrachtet, eingeloggt ist. Wenn ja, solltest du ihre E-Mail und ihren Namen ausgeben, falls vorhanden. Wenn du keine Namensangaben hast, entferne diese beiden Zeilen und das Komma nach der Zeile E-Mail $E-Mail.
4. Dieser Klaviyo Tracking-Code ermöglicht es dir, ein Active auf SiteMetrikzu tracken, so dass du Daten über Websitebesuche und Besucherverhalten sehen und nutzen kannst. Mit dieser Metrik verfolgt Klaviyo die Onsite-Aktivitäten für bekannte Browser.
5. Um zu testen, ob dein Onsite-Tracking richtig eingerichtet ist, rufe eine Seite in deinem Laden auf und füge am Ende der URL ?utm_email=E-Mail@example.com hinzu und ersetze E-Mail@example.com durch deine E-Mail-Adresse. Nachdem du die Seite neu geladen hast, suche in Klaviyo nach deiner E-Mail-Adresse. Du solltest sehen, dass ein Profil erstellt wurde und deine Website-Aktivitäten aufgezeichnet wurden. 

"Gesehenes Produkt" Verfolgung

Wenn du einen Browse-Abandonment-Flow einrichten oder ein Segment auf der Grundlage von Produkt-Browsing-Daten erstellen möchtest, musst du das JavaScript-Event-Tracking für eine Viewed Product Metrik hinzufügen.

1. Füge das folgende Snippet in die Vorlage deiner Produktseite ein:

   <script type="text/javascript">
    var Klaviyo = window.Klaviyo || [];
    Klaviyo.track("Gesehen Produkt", {
       Titel: '{{ product.name }}',
       ItemId: {{ product.id }},
       Kategorien: {{ category in product.categories|json }}, // Die Liste der Kategorien ist ein Array aus Strings.
       ImageUrl: '{{ product.image_url }}',
       Url: '{{ product.permalink }}',
       Metadaten: {
       Marke: '{{ product.brand }}',
       Preis: ' {{ product.price }}',
       OnSale: {{ product.on_sale }},
       RegulärerPreis: {{ product.regular_price }},
       SalePreis: {{ product.sale_price }}
    }
    });
   </script>

2. Das obige Snippet verwendet die {{ }} Platzhalter-Syntax, die bei deinem Spree Laden anders sein kann. Das Wichtigste dabei ist, dass die Produktfelder dynamisch dargestellt werden, je nachdem, welche Produktseite du gerade ansiehst.
3. Nachdem das Viewed Product Tracking für deine Website konfiguriert wurde, sollten die Viewed Product-Daten in deinem Klaviyo-Konto auftauchen, sobald bekannte Besucher deine Produktseiten durchstöbern.

Wie das Onsite-Tracking funktioniert

Wenn du das Onsite-Tracking von Klaviyo auf deiner Seite einbaust, können wir nur die Surfaktivitäten von "bekannten Browsern" verfolgen - d.h. von Browsern, die schon mindestens einmal auf der Seite waren und sich angemeldet haben. Es gibt zwei wichtige Möglichkeiten, wie wir einen Website-Besucher für die Nachverfolgung vor Ort identifizieren können:

• Wenn jemand irgendwann durch eine Klaviyo E-Mail auf deine Website geklickt hat
• Wenn jemand zu irgendeinem Zeitpunkt über ein Klaviyo-Formular abonniert/optiert hat

Klaviyo wird keine anonymen Browser verfolgen.

Überwache die Klaviyo-Synchronisation 

Um deine Integration zu überprüfen:

1. Klicke auf das Dropdown-Menü Analytics in Klaviyo und wähle Metrik aus. Hier kannst du filtern, um alle Spree Metrik anzuzeigen.
2. Finde Spree's Placed OrderMetrikund klicke auf das Activity Feed Symbol. Wenn deine Integration mit der Synchronisierung der Daten begonnen hat, werden hier die Ereignisse für die platzierte Bestellung angezeigt.
3. Wir werden automatisch alle historischen Bestelldaten synchronisieren. Um dies zu überprüfen, kannst du die Anzahl der Veranstaltungen an einem bestimmten Tag in Klaviyo mit den Angaben in deiner Spree-Oberfläche vergleichen und bestätigen, dass sie übereinstimmen. Wenn du z.B. die Metrik " Erteilte Aufträge" betrachtest, kannst du mit der Maus über den gestrigen Datenpunkt fahren oder in der Datentabelle unter dem Diagramm nachsehen, wie viele Aufträge gestern gemeldet wurden.
4. Vergleiche diese Zahl mit der von Laden in Spree von gestern und du wirst sehen, dass sie genau übereinstimmen. Wenn das nicht der Fall ist, liegt das Problem wahrscheinlich daran, dass die Zeitzone deines Klaviyo-Kontos nicht mit der Zeitzone von Spree übereinstimmt.
5. So überprüfst du deine Zeitzoneneinstellung in Klaviyo:
   • Klicke unten links auf deinen Kontonamen.
   • Wähle und klicke dann auf Einstellungen > Organisation.
   • Scrolle nach unten zu Zeitzone.
6. Sobald diese historische Synchronisierung abgeschlossen ist, siehst du auf der Registerkarte " Integrationen" einen hellgrünen Rahmen um deine Spree-Integration.

Daten von Spree synchronisiert

Unten findest du eine Liste von Metrik, die Spree mit Klaviyo synchronisiert. Du kannst alle Spree Metrik, die mit deinem Konto synchronisiert werden, unter Analytics > Metrik einsehen. 

Bestellung aufgegeben 

Diese Metrik zeichnet jedes Mal ein Ereignis auf, wenn jemand eine Bestellung aufgibt und diese erfolgreich bezahlt. Sie entspricht den Bestellungen auf Spree, die vollständig sind, d.h. ein Kunde hat den gesamten Bezahlvorgang abgeschlossen. Mit dieser Metrik kannst du ganz einfach dynamische Listen von Personen erstellen, die auf der Anzahl ihrer Bestellungen oder ihrem Lifetime Value basieren. Du kannst auch E-Mails erstellen, um frühere Kunden wieder anzusprechen oder Kunden Dankeschön-E-Mails für Erstkäufer zu senden. Du kannst Ereignisse für platzierte Bestellungen nach den folgenden Kriterien filtern und ausrichten:

• IsDiscounted
  Wenn auf eine Bestellung ein Rabatt angewendet wurde, z. B. true oder false.
• ItemNames
  Die Namen der Produkte, die in diesem Ereignis gekauft wurden.

Bestelltes Produkt

Diese Metrik ähnelt der Metrik " Platzierte Bestellung", allerdings wird für jeden Artikel, den jemand bestellt, ein Ereignis aufgezeichnet. Wenn jemand zum Beispiel ein T-Shirt und ein Paar Shorts gekauft hat, würde dies in Klaviyo als ein Placed Order Event und zwei Ordered Product Events erscheinen, eines für das T-Shirt und eines für das Paar Shorts. Diese Metrik ist nützlich, um Listen zu erstellen, die Kunden ansprechen, die bestimmte Artikel oder Artikel in bestimmten Kategorien gekauft (oder nicht gekauft) haben. Du kannst die Metrik " Bestelltes Produkt" auch als Auslöser für Flow verwenden, um E-Mails über verwandte Produkte zu senden, die natürlich zusammenpassen, aber von einigen Kunden noch nicht gekauft wurden.

• Kategorien
  Die Kategorien, zu denen das bestellte Produkt gehört, z. B. Hemden, Herren oder Sale.
• Name
  Der Name des gekauften Produkts, z. B. Rotes T-Shirt für Männer.
• ProductId
  Die ID deines Produkts, wie sie in deinem Laden eingestellt ist, z.B. 2022, 2023, 2024.
• Menge
  Die Menge eines bestellten Produkts.
• SKU
  Die SKU des Produkts, wie sie in deinem Laden eingestellt ist.
• Variant Option: Farbe
  Die Farbe des Produkts, falls vorhanden, z.B. Rot oder Blau.
• Variant Option: Größe
  Die Größe des Produkts, falls vorhanden, z. B. Medium oder Large.

Erfüllte Bestellung

Diese Metrik zeichnet ein Ereignis auf, wenn die Bestellung eines Kunden versandt wird. Das Ereignis in Klaviyo enthält die Tracking-Nummer für alle Sendungen, so dass du diese Metrik als Auslöser für Versandbestätigungs-E-Mails verwenden kannst. Eine weitere gängige E-Mail, die auf der Erfüllten-Bestellung-Metrik basiert, ist die Produktbewertungs-E-Mail, in der du Kunden bittest, eine Bewertung für Artikel zu hinterlassen, die sie kürzlich gekauft haben. Wenn du die Metrik " Erfüllte Bestellung " verwendest, kannst du diese E-Mails zeitlich so abstimmen, dass sie erst dann verschickt werden, wenn der Empfänger seine Bestellung erhalten hat, damit du dir keine Sorgen machen musst, dass du ihm eine E-Mail schickst, bevor er sein Paket erhalten hat. Du kannst Ereignisse zu erfüllten Aufträgen nach den folgenden Kriterien filtern und ausrichten:

• IsDiscounted
  Wenn auf eine Bestellung ein Rabatt angewendet wurde, z. B. true oder false.
• ItemNames
  Die Namen der Artikel, die in diesem Ereignis gekauft wurden.

Begonnener Bezahlvorgang

Diese Metrik zeichnet jedes Mal ein Ereignis auf, wenn jemand einen Bezahlvorgang startet und seine E-Mail Adresse eingegeben hat. Die Hauptanwendung für diese Metrik ist der Versand von Warenkorbabbruch E-Mail. Mit Klaviyo kannst du ganz einfach einen E-Mail-Flow einrichten, um eine Einkaufswagenerinnerung zu senden, wenn jemand einen Bezahlvorgang gestartet hat, aber nach ein paar Stunden noch nicht bestellt hat. Der gestartete Bezahlvorgang enthält alle Informationen über den Einkaufswagen einer Person, so dass du die Produkte in ihrem Einkaufswagen sowie Bilder von diesen Produkten anzeigen kannst. Für fortgeschrittene Nutzer kannst du zwei Warenkorbabbrüche Flow einrichten - einen für Erstkunden, der einen Rabattcode enthält, und einen für Wiederholungskäufer, der keinen Rabattcode enthält. Du kannst gestartete Bezahlvorgang-Ereignisse anhand der folgenden Kriterien filtern und anvisieren:

• IsDiscounted
  Wenn auf eine Bestellung ein Rabatt angewendet wurde, z. B. true oder false.
• ItemNames
  Die Namen der Artikel, die in diesem Ereignis gekauft wurden.

Kundendaten

Zusätzlich zu den Metrik Klaviyo Syncs von Spree gibt es auch Kundeneigenschaften, die zu jedem Klaviyo Profil hinzugefügt werden. Du kannst diese Eigenschaften in Segment und Flow verwenden. Hier sind die Eigenschaften, die automatisch von Spree synchronisiert werden:

• E-Mail
• Vorname
• Nachname
• Stadt
• Bundesland/Region
• PLZ
• Land
• Rufnummer

Ergebnis

Du hast jetzt dein Klaviyo-Konto mit Spree integriert, das Onsite-Tracking installiert und deine synchronisierten Daten überprüft.

Zusätzliche Ressourcen

• Wie oft die Integrationen die Referenz synchronisieren
• Brauchst du mehr Hilfe bei der Integration von Klaviyo? Schau dir Klaviyo's Agenturpartneran