Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

Mixpanel

Update
  • Bijgewerkt op Jan 31, 2026
  • Gepubliceerd op Dec 13, 2024
  • 4 Gelezen minuut(en)
Prev Next

Abonnementen die deze functie ondersteunen: Business Enterprise

Mixpanel is een eventgerichte analysetool die gebruikersgebeurtenissen bijhoudt in plaats van automatisch data vast te leggen. Door Mixpanel te integreren met je kennisbank kun je analyseren hoe lezers met je content omgaan, welke artikelen betrokkenheid stimuleren, waar ze afzakken en de effectiviteit van je site meten.

Document360 ondersteunt Mixpanel als een van de vele integraties van derden.

Vereisten voor het integreren van Mixpanel met Document360

  • Een Mixpanel

  • Je Mixpanel Project-token (beschikbaar in Mixpanel onder Instellingen > Projectinstellingen > Projecttoken).

Configuratieopties

Bij het integreren van Mixpanel met Document360 kun je kiezen uit twee configuratieopties:

  • Basisconfiguratie: Standaardopzet die automatisch paginaweergaven bijhoudt nadat je je Mixpanel hebt ingevoerd.

  • Aangepaste configuratie: Geavanceerde setup die vereist dat de Mixpanel handmatig geladen en geïnitialiseerd moet worden. Je kunt dan aangepaste trackingcode toevoegen voor specifieke gebeurtenissen.

Basisconfiguratie

Gebruik de Basic-configuratie als je een snelle setup wilt die paginaweergaven automatisch bijhoudt met minimale moeite.

  1. Navigeer naar  Connections () > Integrations in de linker navigatiebalk in het Kennisbankportaal.

  2. Selecteer Mixpanel uit de lijst met integraties en klik op Toevoegen.

    De dialoogvenster 'Nieuwe integratie toevoegen ' verschijnt.

  3. Selecteer de optie Basisconfiguratie .

  4. Enter de beschrijving.

  5. Voer je Mixpanel in in het veld Mixpanel ID. Voor details over waar je je Mixpanel Project token kunt vinden, zie de Mixpanel installatiegids.

  6. Gebruik optioneel de functie Code-inclusie/uitsluitingsvoorwaarden om de code toe te passen op basis van IP-adres, werkruimte of taal.

  7. Klik op Toevoegen om je integratie op te slaan.

Je kennisbank zal nu paginaweergavegegevens naar Mixpanel sturen.

OPMERKING

Als je extra gebeurtenissen wilt bijhouden (zoals knopklikken of formulierinzendingen), kun je de optie Aangepaste configuratie gebruiken.

Aangepaste configuratie

Gebruik Custom configuratie om geavanceerde Mixpanel in te stellen. Met deze optie kun je JavaScript-code direct toevoegen in het configuratiepaneel en de integratie verder aanpassen aan jouw behoeften.

  1. Navigeer naar  Connections () > Integrations in de linker navigatiebalk in het Kennisbankportaal.

  2. Selecteer Mixpanel uit de lijst met integraties en klik op Toevoegen. Het panel 'Voeg nieuwe integratie toe' verschijnt.

  3. Selecteer de optie Aangepaste configuratie .

  4. Voer de beschrijving in in het paneel Nieuwe integratie toevoegen .

  5. Plak je JavaScript-fragment (zie voorbeelden hieronder).

  6. Gebruik optioneel de functie Code-inclusie/uitsluitingsvoorwaarden om de code toe te passen op basis van IP-adres, werkruimte of taal.

  7. Klik op Toevoegen om je integratie op te slaan.

VOORZICHTIGHEID

De Aangepaste configuratie laadt Mixpanel niet automatisch. Je moet eerst de Mixpanel toevoegen en deze initialiseren met je Mixpanel Project-token.

Voorbeeld: Laad en initialiseer Mixpanel

Vervang YOUR_PROJECT_TOKEN het door je echte Mixpanel Project-token uit de 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>

Voorbeeld: Paginaweergave-tracking

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

OPMERKING

Je kunt "Page View" een andere naam van een evenement zoals "Article Viewed" of "Category Opened", afhankelijk van wat je wilt bijhouden.

Voorbeeld: Knopkliktracking

Vervang yourButtonId het met de daadwerkelijke ID van de knop die je wilt volgen, en werk "Button Name" bij met een betekenisvol label.

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

OPMERKING

Als je bijvoorbeeld een knop met het label "Abonneren" bijhoudt, vervang yourButtonId dan door "subscribeButton" en "Your Button Label" met "Subscribe".

PRO TIP

De bovenstaande codevoorbeelden tonen alleen de meest voorkomende gebruikssituaties (paginaweergaven en knopklikken). Als je andere soorten aangepaste evenementen wilt bijhouden, zoals formulierinzendingen, videoweergaven of scrolldiepte, raadpleeg dan de Mixpanel JavaScript SDK-documentatie. Het bevat een volledige lijst van methoden, eigenschappen en geavanceerde gebeurtenisvolgpatronen.

Controleer de configuratie

Als er geen gegevens in Mixpanel verschijnen:

  • Bevestig je token
    Zorg ervoor dat je het Mixpanel Project-token hebt ingevoerd (niet het project-ID of het API-geheim).

  • Controleer de bron van de pagina

    1. Open je kennisbanksite in een browser.

    2. Klik met de rechtermuisknop ergens op de pagina en selecteer Pagina Broncode weergeven.

      • Snelkoppeling: Ctrl+U (Windows/Linux) of ⌘+Option+U (Mac).

    3. Druk op Ctrl+F / ⌘+F en zoek naar mixpanel.

      • Als je het niet vindt, is het Mixpanel niet geïnjecteerd.

  • Controleer het tabblad Netwerk.

    1. Open je kennisbanksite in een browser.

    2. Druk op F12 (Windows/Linux) of ⌘+Option+I (Mac) om Developer Tools te openen.

    3. Ga naar het tabblad Netwerk .

    4. Typ api.mixpanel.comin de filterbox .

    5. Herlaad de pagina of voer een actie uit zoals het bekijken van een artikel.

      • Als je verzoeken ziet om api.mixpanel.com, worden er gebeurtenissen verzonden.

      • Als er geen verzoeken verschijnen, laadt de Mixpanel niet of worden de gebeurtenissen geblokkeerd.

  • Blokkeerders uitsluiten
    Controleer op adblockers, cookie-toestemmingsbanners of beperkende Content Security Policies (CSP). Deze kunnen voorkomen dat Mixpanel data laadt of verzendt.

PRO TIP

Test altijd in een incognito/privé-venster. Dit zorgt ervoor dat je de nieuwste gepubliceerde scripts laadt en voorkomt problemen veroorzaakt door browsercaching.

Workaround met behulp van aangepaste HTML

Als het integratiescript niet correct laadt, kun je een aangepaste HTML-integratie toevoegen als een workaround.

  1. Navigeer naar  Connections () > Integrations in de linker navigatiebalk in het Knowledge Base-portaal.

  2. Selecteer Aangepaste HTML uit de lijst met integraties en klik op Toevoegen. Het panel 'Voeg nieuwe integratie toe' verschijnt.

  3. Plak het Mixpanel (zie hierboven " Mixpanel laden en initialiseren").

  4. Voeg je aangepaste event trackingcode toe.

  5. Sla je integratie op en test opnieuw in Mixpanel.

gerelateerde artikelen