Toutes les intégrations

Framer

Framer propose un champ de code personnalisé pour le head du site.

Étapes

  1. Ouvrez votre projet et allez dans Site settings > General.
  2. Repérez Custom code et le champ End of <head> tag.
  3. Collez l'extrait ci-dessous.
  4. Cliquez sur Save, puis publiez votre site.

L'extrait

Remplacez SITE_ID par l'ID des paramètres de votre site Glyphex.

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

Le code personnalisé ne s'exécute que sur les sites publiés, pas dans l'aperçu de l'éditeur.

Vérifier que ça marche

Ouvrez votre site en ligne dans un nouvel onglet, puis ouvrez Temps réel dans votre tableau de bord Glyphex. Votre visite doit apparaître en quelques secondes.

Suivre des événements personnalisés

Les éléments Framer n'acceptent pas d'attributs arbitraires. Écoutez donc les clics dans le même champ de code personnalisé :

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

Les événements peuvent aussi être envoyés avec window.analytics.track(name, props) ou les attributs déclaratifs data-glyphex-event et data-glyphex-event-<prop>.

Dépannage

  • Pas de données ? Vérifiez que l'ID de site est exact et que la page a été republiée ou le cache vidé.
  • Les bloqueurs de publicités peuvent bloquer les scripts d'analytics. Désactivez le vôtre pour tester.
  • Content Security Policy : autorisez https://glyphex.io dans script-src et connect-src.
  • Dans DevTools > Network, cherchez une requête vers glyphex.io/t/. Un 404 signifie que l'ID de site est incorrect.

Événements personnalisés

Installation