Install Analytise on Vue.js

One snippet in index.html. Nuxt users can register it in the config instead.

Vue (Vite)

  1. Open index.html at the project root.
  2. Paste the snippet inside the <head>.
  3. Run npm run build and deploy.
index.html
<script
  defer
  data-domain="yourwebsite.com"
  data-site-id="YOUR_SITE_ID"
  src="https://www.analytise.com/js/tracker.js"
></script>

Client-side transitions via Vue Router don't fire additional pageviews in the current tracker version — every full page load is tracked.

Nuxt

Register the script once in your nuxt.config.ts under app.head.script:

nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: "https://www.analytise.com/js/tracker.js",
          defer: true,
          "data-domain": "yourwebsite.com",
          "data-site-id": "YOUR_SITE_ID",
        },
      ],
    },
  },
});

Verify it works

  1. Open your website in a new tab.
  2. The dashboard shows your visit under online within a few seconds (live visitors update every ~15s).
  3. Nothing showing? See Troubleshooting.

Next guide

Laravel