Alle Integrationen

Docusaurus

Docusaurus lädt alles in der Option scripts auf jeder Seite.

Schritte

  1. Öffnen Sie docusaurus.config.js (oder docusaurus.config.ts).
  2. Fügen Sie den folgenden Eintrag zum Array scripts auf oberster Ebene hinzu. Ersetzen Sie SITE_ID durch Ihre Site-ID.
  3. Bauen Sie neu und deployen Sie.

Das Snippet

Ersetzen Sie SITE_ID durch die ID aus Ihren Glyphex-Website-Einstellungen.

// docusaurus.config.js
export default {
  // ...
  scripts: [
    { src: "https://glyphex.io/t/SITE_ID.js", defer: true },
  ],
};

Docusaurus ist nach dem ersten Laden eine Single-Page-App. Die Navigation zwischen Doku-Seiten wird automatisch erfasst.

Funktion prüfen

Öffnen Sie Ihre Live-Website in einem neuen Tab und dann Echtzeit in Ihrem Glyphex-Dashboard. Ihr Besuch sollte nach wenigen Sekunden erscheinen. Alternativ öffnen Sie die Seite Erste Schritte Ihrer Website und klicken auf Installation prüfen: Dabei wird Ihre URL abgerufen und nach dem Tag gesucht.

Cookies und Einwilligung

Glyphex setzt keine Cookies und speichert nichts auf dem Gerät der Besucher, daher ist kein Cookie-Banner nötig.

Eigene Events erfassen

Nutzen Sie die Data-Attribute in MDX oder eigenen Komponenten:

<button
  data-glyphex-event="download_click"
  data-glyphex-event-file="guide"
>
  Download
</button>

Events lassen sich auch mit window.analytics.track(name, props) oder den deklarativen Attributen data-glyphex-event und data-glyphex-event-<prop> senden.

Fehlerbehebung

  • Keine Daten? Prüfen Sie, ob die Site-ID exakt stimmt und die Seite neu veröffentlicht bzw. der Cache geleert wurde.
  • Werbeblocker können Analytics-Scripts blockieren. Deaktivieren Sie Ihren zum Testen.
  • Content Security Policy: Erlauben Sie https://glyphex.io in script-src und connect-src.
  • Prüfen Sie in DevTools > Network auf eine Anfrage an glyphex.io/t/. Ein 404 bedeutet, dass die Site-ID falsch ist.

Eigene Events

Installation