Alle Integrationen

Nuxt

Funktioniert mit Nuxt 3 und 4. Registrieren Sie das Script einmal in nuxt.config.ts oder mit useHead in app.vue.

Schritte

  1. Öffnen Sie nuxt.config.ts.
  2. Fügen Sie den folgenden Eintrag unter app.head.script hinzu. Ersetzen Sie SITE_ID durch Ihre Site-ID.
  3. Deployen Sie neu. Bevorzugen Sie eine Komponente, nutzen Sie stattdessen die useHead-Variante in app.vue.

Das Snippet

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

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

Alternative: useHead in app.vue

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

Das clientseitige Routing von Nuxt wird automatisch erfasst. Sie brauchen keinen Route-Listener.

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

Rufen Sie window.analytics.track in einem beliebigen Handler auf:

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

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

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