Alle Integrationen

Astro

Setzen Sie das Tag in das Layout, das jede Seite umschließt.

Schritte

  1. Öffnen Sie Ihr Basis-Layout, meist src/layouts/Layout.astro.
  2. Fügen Sie das Script-Tag im <head> ein. Ersetzen Sie SITE_ID durch Ihre Site-ID.
  3. Behalten Sie das Attribut defer bei. Astro lässt ein Script-Tag mit Attributen wie defer unverändert und bündelt es nicht.
  4. Deployen Sie.

Das Snippet

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

---
// src/layouts/Layout.astro
---
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>My site</title>
    <script defer src="https://glyphex.io/t/SITE_ID.js"></script>
  </head>
  <body>
    <slot />
  </body>
</html>

Wenn Sie <ClientRouter /> (Astro View Transitions) nutzen, laufen Navigationen über die History API und werden 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

Fügen Sie die Data-Attribute zu einem beliebigen Element in Ihren Templates hinzu:

<button
  data-glyphex-event="signup_click"
  data-glyphex-event-plan="pro"
>
  Sign up
</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