Webflow
Webflow hat ein Head-Code-Feld in den Website-Einstellungen. Custom Code erfordert einen kostenpflichtigen Site-Plan.
Schritte
- Öffnen Sie Ihr Projekt und gehen Sie zu Site settings > Custom code.
- Fügen Sie das folgende Snippet in Head code ein.
- Klicken Sie auf Save changes.
- Veröffentlichen Sie Ihre Website. Custom Code läuft nur auf veröffentlichten Websites.
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>
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
Wählen Sie ein Element, öffnen Sie sein Einstellungsfeld und fügen Sie Custom Attributes hinzu. Sie entsprechen der deklarativen Form:
<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.