Zum Hauptinhalt springen
Mixpanel ist eine führende Lösung zur Analyse des Nutzerverhaltens für Produktteams. Zwei Arten von Integration stehen zur Verfügung:
  • Kameleoon nutzt das native Experiments-Modul von Mixpanel, sodass Sie die Auswirkungen jeder Kampagne über Kameleoon in der nativen Mixpanel-Oberfläche für Experimente analysieren können.
  • Sie können auch Mixpanel-Kohortendaten automatisch in Kameleoon exportieren, wo sie für eine weiterführende Segmentierung zur Personalisierung der Kunden-Journey verwendet werden können.
Sie können beide nach Bedarf einrichten. Wichtige Vorteile:
  • Beobachten Sie, wie Ihre Kameleoon-Kampagnen die Interaktion der Nutzer mit Ihren Websites beeinflussen.
  • Identifizieren und replizieren Sie effektive A/B tests und Personalisierungen mühelos.
  • Konzentrieren Sie sich auf die relevantesten Verhaltensmerkmale Ihrer Segmente und finden Sie schnell neue Erkenntnisse, um Ihre Test-Roadmap voranzubringen.
  • Erhalten Sie Zugriff auf Kohortendaten, um Besuchererlebnisse zu personalisieren und die Leistung von Personalisierungskampagnen zu verbessern.

​
Ereignisdaten Ihrer Kameleoon-Kampagnen an Ihre Mixpanel-Dashboards senden

Mit der Kameleoon/Mixpanel-Bridge können Sie Daten aus Ihren Kameleoon-Personalisierungen und -Experimenten (Expositionsereignisse) auf Ihrer Mixpanel-Plattform abrufen.

​
Mixpanel-Integration in Kameleoon aktivieren

Um Mixpanel zu nutzen, müssen Sie es auf der Integrations-Seite aktivieren. Gehen Sie dazu wie folgt vor:
  1. Melden Sie sich bei der Kameleoon-App an.
  2. Klicken Sie auf Admin > Integrations > Install the tool.
  3. Wählen Sie die Projekte aus, für die Sie Mixpanel konfigurieren möchten.
  4. Klicken Sie auf Validate.
Anschließend sehen Sie rechts neben der Zeile des Tools einen ON-Schalter sowie die Anzahl der Projekte, für die das Tool konfiguriert ist.
Die Expositionsereignisse der Kampagnen werden automatisch an Mixpanel gesendet.
Wenn Sie das Verhalten unserer nativen Bridge ändern müssen, können Sie eine benutzerdefinierte Analyse-Bridge erstellen und den Mixpanel-Beispielcode aus unserem GitHub-Repository verwenden.

​
Mixpanel als Reporting-Tool mit einer Kameleoon-Kampagne verknüpfen

Sie können Mixpanel auf der Seite zur Kampagnenerstellung mit einer Kampagne verknüpfen. Wählen Sie es aus der Liste der REPORTING TOOLS aus.
Kameleoon überträgt die Daten (Experimentname und Variantenname) automatisch über die Mixpanel Experiment API an Mixpanel.

​
Besucher in Kameleoon nach Zugehörigkeit zu einer Mixpanel-Kohorte targetieren

​
Kameleoon-Integration in Mixpanel aktivieren

Sie müssen die Kameleoon-Integration in Ihrem Mixpanel-Konto aktivieren, um die Kohortensynchronisation zu ermöglichen. Sie können sich an dieser Mixpanel-Dokumentation orientieren.
Sie benötigen einen Kameleoon API-Schlüssel. Fragen Sie Ihren Kameleoon Customer Success Manager nach dem Schlüssel.
Nur identifizierte Nutzerprofile werden nach Kameleoon exportiert (keine anonymen Nutzer). Wenn Sie die Identity-Merge-Funktion von Mixpanel verwenden und sich die Mixpanel-distinct_id für einen bestimmten Nutzer im Lauf der Zeit ändern kann, empfehlen wir dringend, eine zusätzliche Nutzereigenschaft $kameleoon_mapping_id zu setzen, die unseren Kameleoon-Besuchercode oder „Ihre interne Nutzer-ID” enthält, falls Sie eines unserer SDKs verwenden. Mixpanel fügt die kameleoon_mapping_id automatisch jedem an Kameleoon gesendeten Kohortenexport hinzu. Sie können die kameleoon_mapping_id über die Mixpanel-Methode people.set festlegen, unmittelbar nachdem die identify-Methode ausgeführt wurde. Hier ein Codebeispiel, das Sie mit der Mixpanel JavaScript API verwenden können: 
mixpanel.people.set({
     '$kameleoon_mapping_id': Kameleoon.API.Visitor.code
 });
Mixpanel verwendet unseren Map-Endpunkt der Data API, um die Kohorten an Kameleoon zu senden.

​
Eine benutzerdefinierte Datenpunkt für das Targeting von Mixpanel-Kohorten in Ihren Experimenten erstellen

Um Mixpanel-Kohorten zu targetieren, müssen Sie in Kameleoon einen benutzerdefinierten Datenpunkt einrichten, um die Kohortennamen für jeden Nutzer abzurufen. Benennen Sie Ihren benutzerdefinierten Datenpunkt „Mixpanel cohorts” und wählen Sie die Erfassungsmethode Custom JavaScript code, wenn Sie ein klassisches Web-Experiment durchführen, oder Kameleoon SDK method, wenn Sie ein serverseitiges Experiment durchführen oder einen feature flag verwenden.
Der benutzerdefinierte Datenpunkt sollte auf die Typen list of und strings festgelegt sein, und der Geltungsbereich kann je nach dem in Mixpanel definierten Bereich auf Page eingestellt werden. Bei der Einstellung Page werden die Daten bei jedem Seitenladevorgang neu bewertet, wenn der Nutzer zu einer bestimmten von Mixpanel identifizierten Kohorte gehört.

​
Externe Segmentsynchronisation für Web-Experimente

Wenn Sie die Eigenschaft $kameleoon_mapping_id wie im vorherigen Abschnitt erläutert verwenden, nutzen Sie den unten stehenden Code in der Erfassungsmethode für den benutzerdefinierten Datenpunkt: 
Kameleoon.API.Data.retrieveDataFromRemoteSource(Kameleoon.API.Visitor.code, function (data) {
 if (data?.mixpanel_cohorts) {
 data.mixpanel_cohorts.map(function (segment) {
 if (segment?.mixpanel_cohort_id) {
 Kameleoon.API.Data.setCustomData("Mixpanel cohorts", segment.mixpanel_cohort_id);
 }
 });
 }
});
return { "value": null}
Wenn Sie stattdessen die Mixpanel-Standardmethode distinct_id verwenden möchten, um Ihre eigene Nutzer-ID festzulegen, nutzen Sie den folgenden Code: 
if (!window.mixpanel?.get_distinct_id) return null;  
let id = mixpanel.get_distinct_id();  
Kameleoon.API.Data.retrieveDataFromRemoteSource(id, function (data) {  
 if (data?.mixpanel_cohorts) {  
 data.mixpanel_cohorts.map(function (segment) {  
 if (segment?.mixpanel_cohort_id) {  
 Kameleoon.API.Data.setCustomData("Mixpanel cohorts", segment.mixpanel_cohort_id);  
 }  
 });  
 }  
});  
return { "value": null}

​
Externe Segmentsynchronisation für die Serverseite

Um Mixpanel-Kohorten in serverseitigen Experimenten oder feature flags zu verwenden, lesen Sie die in der Dokumentation des jeweiligen SDK beschriebenen Richtlinien. Wenn Sie zum Beispiel das GO SDK verwenden, können Sie sich an dessen Dokumentation für detaillierte Anweisungen orientieren. Das GO SDK verwendet wie unsere anderen SDKs die Methode getRemoteData(). Diese Methode ruft die von Mixpanel auf unseren Servern gespeicherten Daten ab und macht sie in Ihrem Backend-Code zugänglich.

​
Mixpanel-Kohortennamen in Kameleoon abrufen

Aktivieren Sie die Option Save the values for the targeting condition associated with the custom data point und fügen Sie diesen Snippet in das dafür vorgesehene Feld ein. Ersetzen Sie den Wert „ADD_YOUR_PROJECT_ID_HERE” durch Ihren Projekt-Sitecode. 
var xhr = new XMLHttpRequest();
 xhr.open("GET", 'https://customers.kameleoon.com/mixpanel/cohorts/ADD_YOUR_PROJECT_ID_HERE', false);
 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 var mixPanelSegments = [];
 xhr.onreadystatechange = function() { // Call a function when the state changes.
     if (this.readyState === XMLHttpRequest.DONE && this.status === 200)
     {
         var mixpanel = JSON.parse(xhr.response);
         mixpanel.forEach(function (segment) {
             if (segment.id && segment.name !== 'undefined')
             {
                 mixPanelSegments.push({value: segment.id, label: segment.name});
             }
         });
     }
 }
 xhr.send();
 return mixPanelSegments;

​
Mixpanel-Kohortennamen in einem Kameleoon-Segment verwenden

Nachdem der benutzerdefinierte Datenpunkt für die Mixpanel-Kohortennamen eingerichtet wurde, können Sie im Kameleoon-Segment-Builder Segmente erstellen, indem Sie den benutzerdefinierten Datenpunkt auswählen und is among the values wählen. Eine Liste aller Kohortennamen aus Mixpanel wird angezeigt. Durch die Auswahl einer oder mehrerer Mixpanel-Kohorten wird das Targeting in Personalisierungen und Experimenten aktiviert.