> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Mixpanel JavaScript-Tracker
> Senden Sie Expositionsereignisse von Kameleoon-Experimenten mit dem JavaScript-Tracker an Mixpanel und nutzen Sie Mixpanel-Kohorten, um Kameleoon-Kampagnen zu targetieren und zu personalisieren.
[Mixpanel](https://mixpanel.com/) 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](../custom-analytics-integration) und den Mixpanel-Beispielcode aus [unserem GitHub-Repository](https://github.com/Kameleoon/custom-analytics-integrations/tree/master/mixpanel) 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](https://help.mixpanel.com/hc/en-us/articles/360055834811-Kameleoon-Integration).
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](../../../../../developer-docs/apis/activation-api-js/api-reference/api-reference#visitor) oder „Ihre interne Nutzer-ID" enthält, falls Sie eines unserer [SDKs](../../../../../developer-docs/feature-experimentation/get-started/overview) 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`](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript#setting-profile-properties) festlegen, unmittelbar nachdem die identify-Methode ausgeführt wurde. Hier ein Codebeispiel, das Sie mit der Mixpanel JavaScript API verwenden können:
```javascript theme={null}
mixpanel.people.set({
'$kameleoon_mapping_id': Kameleoon.API.Visitor.code
});
```
Mixpanel verwendet unseren [Map-Endpunkt der Data API](/api-reference/map/update-data-for-several-keys), 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:
```javascript theme={null}
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:
```javascript theme={null}
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](../../../../../developer-docs/sdks/web-sdks/go-sdk#retrieving-data-from-a-remote-source) 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.
```javascript theme={null}
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.