Vue & Nuxt

Binde das Lienks-Snippet in eine Vue-App oder in Nuxt ein.

Before you start

Lege zuerst deine Site an und kopiere die Site-ID (siehe Quick start).

Add the snippet

Vue (Vite) – füge das Snippet in den <head> der index.html ein:

<script defer src="https://app.lienks.com/a.js" data-site="YOUR_SITE_ID"></script>

Nuxt 3 – trage es in der nuxt.config.ts ein:

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        { src: 'https://app.lienks.com/a.js', defer: true, 'data-site': 'YOUR_SITE_ID' }
      ]
    }
  }
});

Page views in your app

Vue Router im History-Modus nutzt die History-API, daher werden Seitenwechsel automatisch gezählt. Im Hash-Modus (createWebHashHistory) erscheint die ganze App als eine einzige Seite.

Track a custom event

Rufe window.lienks?.event('signup_clicked') auf, wo immer etwas gezählt werden soll. Mehr unter Custom events.

<script setup lang="ts">
function onSignup() {
  window.lienks?.event('signup_clicked');
}
</script>

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

Vue-Templates erreichen window nicht direkt, deshalb steht der Aufruf in einer Funktion.

In TypeScript-Projekten deklarierst du window.lienks, wie unter Custom events beschrieben.

Check that it works

Öffne deine Seite. Der erste Pageview erscheint im Dashboard. Kommt nichts an, schau unter Troubleshooting.