Toutes les intégrations

Nuxt

Fonctionne avec Nuxt 3 et 4. Enregistrez le script une fois dans nuxt.config.ts, ou avec useHead dans app.vue.

Étapes

  1. Ouvrez nuxt.config.ts.
  2. Ajoutez l'entrée app.head.script ci-dessous. Remplacez SITE_ID par votre ID de site.
  3. Redéployez. Si vous préférez un composant, utilisez plutôt la variante useHead dans app.vue.

L'extrait

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

// nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      script: [
        { src: "https://glyphex.io/t/SITE_ID.js", defer: true },
      ],
    },
  },
});

Alternative : useHead dans app.vue

<script setup lang="ts">
useHead({
  script: [{ src: "https://glyphex.io/t/SITE_ID.js", defer: true }],
});
</script>

Le routage côté client de Nuxt est suivi automatiquement. Aucun écouteur de route n'est nécessaire.

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. Vous pouvez aussi ouvrir la page Premiers pas de votre site et cliquer sur Vérifier l'installation : votre URL est récupérée et la balise y est recherchée.

Cookies et consentement

Glyphex ne dépose aucun cookie et ne stocke rien sur l'appareil du visiteur, donc aucune bannière de cookies n'est nécessaire.

Suivre des événements personnalisés

Appelez window.analytics.track dans n'importe quel gestionnaire :

<script setup lang="ts">
function onSignup() {
  window.analytics?.track("signup_click", { plan: "pro" });
}
</script>

<template>
  <button @click="onSignup">Sign up</button>
</template>

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