Haftungsausschluss: Dieser Artikel wurde durch maschinelle Übersetzung erstellt.

Mixpanel

Aktualisiert
  • Aktualisiert am Jan 31, 2026
  • Veröffentlicht am Dec 13, 2024
  • 4 Gelesene Minute(n)
Prev Next

Pläne, die diese Funktion unterstützen: Business Enterprise

Mixpanel ist ein ereigniszentriertes Analysetool, das Nutzerereignisse verfolgt und nicht automatisch Daten erfasst. Die Integration Mixpanel in Ihre Wissensdatenbank ermöglicht es Ihnen, zu analysieren, wie Leser mit Ihren Inhalten interagieren, welche Artikel Engagement fördern, wo sie nachlassen und die Effektivität Ihrer Seite messen.

Document360 unterstützt Mixpanel als eine seiner vielen Drittanbieter-Integrationen.

Voraussetzungen vor der Integration Mixpanel mit Document360

  • Ein Mixpanel

  • Dein Mixpanel Projekt-Token (verfügbar in Mixpanel unter Einstellungen > Projekteinstellungen > Projekttoken).

Konfigurationsoptionen

Wenn Mixpanel mit Document360 integrieren, können Sie aus zwei Konfigurationsoptionen wählen:

  • Grundkonfiguration: Standard-Setup, das die Seitenansichten automatisch erfasst, nachdem du dein Mixpanel Token eingegeben hast.

  • Benutzerdefinierte Konfiguration: Erweiterte Einrichtung, die manuelles Laden und Initialisieren der Mixpanel erfordert. Du kannst dann einen benutzerdefinierten Tracking-Code für bestimmte Ereignisse hinzufügen.

Grundkonfiguration

Nutze die Basic-Konfiguration, wenn du eine schnelle Einrichtung möchtest, die Seitenaufrufe automatisch mit minimalem Aufwand verfolgt.

  1. Navigieren Sie in der linken Navigationsleiste im Knowledge Base-Portal zu Connections () > Integrations.

  2. Wählen Sie Mixpanel aus der Liste der Integrationen und klicken Sie auf Hinzufügen.

    Der Dialog "Neue Integration hinzufügen " erscheint.

  3. Wählen Sie die Option Basiskonfiguration .

  4. Hier kommt die Beschreibung ins Spiel.

  5. Gib dein Mixpanel im Mixpanel ID ein. Details dazu, wo Sie Ihr Mixpanel Project Token finden, finden Sie im Mixpanel Installationsleitfaden.

  6. Optional können Sie die Funktion Code-Einschluss-/Ausschlussbedingungen verwenden, um den Code basierend auf IP-Adresse, Arbeitsbereich oder Sprache anzuwenden.

  7. Klicken Sie auf Hinzufügen , um Ihre Integration zu speichern.

Ihre Wissensdatenbank sendet nun Seitenansichtsdaten an Mixpanel.

HINWEIS

Wenn Sie zusätzliche Ereignisse verfolgen möchten (wie Klicks auf Knopfen oder Formulareinreichungen), können Sie die Option Benutzerdefinierte Konfiguration verwenden.

Benutzerdefinierte Konfiguration

Verwenden Sie benutzerdefinierte Konfiguration, um eine erweiterte Mixpanel einzurichten. Diese Option ermöglicht es Ihnen, JavaScript-Code direkt im Konfigurationspanel hinzuzufügen und die Integration entsprechend Ihren Bedürfnissen weiter anzupassen.

  1. Navigiere in der linken Navigationsleiste im Knowledge Base-Portal zu Connections () > Integrations.

  2. Wählen Sie Mixpanel aus der Liste der Integrationen und klicken Sie auf Hinzufügen. Das Panel "Neue Integration hinzufügen " erscheint.

  3. Wählen Sie die Option Benutzerdefinierte Konfiguration .

  4. Geben Sie die Beschreibung im Panel "Neue Integration hinzufügen " ein.

  5. Füge deinen JavaScript-Ausschnitt ein (siehe Beispiele unten).

  6. Optional können Sie die Funktion Code-Einschluss-/Ausschlussbedingungen verwenden, um den Code basierend auf IP-Adresse, Arbeitsbereich oder Sprache anzuwenden.

  7. Klicken Sie auf Hinzufügen , um Ihre Integration zu speichern.

VORSICHT

Die benutzerdefinierte Konfiguration lädt Mixpanel nicht automatisch. Du musst zuerst die Mixpanel einfügen und sie mit deinem Mixpanel-Projekt-Token initialisieren.

Beispiel: Laden und initialisieren Mixpanel

Ersetzen Sie YOUR_PROJECT_TOKEN sie durch Ihr tatsächliches Mixpanel Token aus den Mixpanel.

<script>
(function(f,b){
  if(!b.__SV){
    var e,g,i,h;window.mixpanel=b;b._i=[];
    b.init=function(e,f,c){function g(a,d){var b=d.split(".");
      2==b.length&&(a=a[b[0]],d=b[1]);
      a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}
      var a=b;"undefined"!==typeof c?a=b[c]=[]:c="mixpanel";
      a.people=a.people||[];a.toString=function(a){var d="mixpanel";
      "mixpanel"!==c&&(d+="."+c);a||(d+=" (stub)");return d};
      a.people.toString=function(){return a.toString(1)+".people (stub)"};
      i="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set set_once union unset toString reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking get_group".split(" ");
      for(h=0;h<i.length;h++)g(a,i[h]);
      b._i.push([e,f,c])
    };
    b.__SV=1.2;
    e=f.createElement("script");
    e.type="text/javascript";e.async=!0;
    e.src="https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";
    g=f.getElementsByTagName("script")[0];
    g.parentNode.insertBefore(e,g)
  }
})(document, window.mixpanel || []);
mixpanel.init("YOUR_PROJECT_TOKEN");
</script>

Beispiel: Seitenansichtsverfolgung

<script>
mixpanel.track("Page View", {
  "Page URL": window.location.href,
  "Page Title": document.title,
  "Referrer": document.referrer || ""
});
</script>

HINWEIS

Du kannst je nachdem, was du verfolgen möchtest, auf einen anderen Ereignisnamen "Article Viewed" wie oder "Category Opened"umbenennen"Page View".

Beispiel: Button-Click-Tracking

Ersetze yourButtonId sie durch die tatsächliche ID des Buttons, den du verfolgen möchtest, und aktualisiere "Button Name" mit einem sinnvollen Label.

<script>
document.getElementById("yourButtonId")
  .addEventListener("click", function() {
    mixpanel.track("Button Click", {
      "Button Name": "Your Button Label",
      "Page URL": window.location.href
    });
  });
</script>

HINWEIS

Wenn Sie zum Beispiel einen Button mit der Bezeichnung "Abonnieren" verfolgen, ersetzen yourButtonId Sie durch "subscribeButton" und "Your Button Label" durch "Subscribe".

PRO-TIPP

Die obigen Codebeispiele zeigen nur die häufigsten Anwendungsfälle (Seitenaufrufe und Button-Klicks). Wenn Sie andere Arten von benutzerdefinierten Ereignissen verfolgen möchten, wie Formulareinreichungen, Videoabspielungen oder Scrolltiefe, konsultieren Sie die Mixpanel JavaScript SDK-Dokumentation. Sie enthält eine vollständige Liste von Methoden, Eigenschaften und fortgeschrittenen Ereignisverfolgungsmustern.

Überprüfen Sie die Konfiguration

Wenn keine Mixpanel angezeigt werden:

  • Bestätige deinen Token
    Stelle sicher, dass du das Mixpanel Project Token eingegeben hast (nicht Project ID oder API-Secret).

  • Überprüfen Sie die Quelle der Seite

    1. Öffnen Sie Ihre Wissensdatenbank in einem Browser.

    2. Rechtsklicke irgendwo auf der Seite und wähle Seite anzeigen.

      • Verknüpfung: Strg+U (Windows/Linux) oder ⌘+Option+U (Mac).

    3. Drücke Strg+F / ⌘+F und suche nach mixpanel.

      • Wenn du es nicht findest, wurde das Mixpanel nicht eingeschleust.

  • Schau im Netzwerk-Tab nach

    1. Öffnen Sie Ihre Wissensdatenbank in einem Browser.

    2. Drücke F12 (Windows/Linux) oder ⌘+Option+I (Mac), um Developer Tools zu öffnen.

    3. Gehe zum Netzwerk-Reiter .

    4. In der Filterbox tippen api.mixpanel.comSie .

    5. Laden Sie die Seite neu oder führen Sie eine Aktion aus, wie zum Beispiel einen Artikel anzusehen.

      • Wenn du Anfragen api.mixpanel.comsiehst, werden Ereignisse gesendet.

      • Wenn keine Anfragen angezeigt werden, lädt die Mixpanel nicht oder die Ereignisse werden blockiert.

  • Blocker ausschließen
    Suchen Sie nach Werbeblockern, Cookie-Consent-Bannern oder restriktiven Content Security Policies (CSP). Diese können verhindern, dass Mixpanel Daten lädt oder sendet.

PRO-TIPP

Teste immer in einem inkognito/privaten Fenster. Dies stellt sicher, dass Sie die neuesten veröffentlichten Skripte laden und vermeiden Probleme, die durch Browser-Caching verursacht werden.

Workaround mit benutzerdefiniertem HTML

Wenn das Integrationsskript nicht korrekt lädt, kannst du als Workaround eine benutzerdefinierte HTML-Integration hinzufügen.

  1. Navigiere in der linken Navigationsleiste im Knowledge Base-Portal zu Connections () > Integrations.

  2. Wählen Sie benutzerdefiniertes HTML aus der Liste der Integrationen und klicken Sie auf Hinzufügen. Das Panel "Neue Integration hinzufügen " erscheint.

  3. Füge den Mixpanel ein (siehe oben " Mixpanel laden und initialisieren").

  4. Füge deinen eigenen Event-Tracking-Code hinzu.

  5. Speichere deine Integration und teste erneut in Mixpanel.

Verwandte Artikel