Alle Integrationen

Framer

Framer bietet ein Custom-Code-Feld für den Head Ihrer Website.

Schritte

  1. Öffnen Sie Ihr Projekt und gehen Sie zu Site settings > General.
  2. Suchen Sie Custom code und das Feld End of <head> tag.
  3. Fügen Sie das folgende Snippet ein.
  4. Klicken Sie auf Save und veröffentlichen Sie Ihre Website.

Das Snippet

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

<script defer src="https://glyphex.io/t/SITE_ID.js"></script>

Custom Code läuft nur auf veröffentlichten Websites, nicht in der Editor-Vorschau.

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.

Eigene Events erfassen

Framer-Elemente akzeptieren keine beliebigen Attribute. Lauschen Sie daher im selben Custom-Code-Feld auf Klicks:

<script>
  document.addEventListener("click", function (e) {
    if (e.target.closest('a[href="/signup"]')) {
      window.analytics.track("signup_click", { location: "nav" });
    }
  });
</script>

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