Vue and Nuxt

Single page apps and Nuxt sites.

Vue apps use index.html like React. Nuxt adds head tags from its config.

Vue (Vite)

Paste the line inside the head of index.html:

<script defer data-site-id="YOUR-SITE-ID" src="https://spintaxifycms.com/js/analytics.js"></script>

Nuxt (nuxt.config.ts)

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        { src: 'https://spintaxifycms.com/js/analytics.js', defer: true, 'data-site-id': 'YOUR-SITE-ID' }
      ]
    }
  }
});

Deploy, then open the live site.

Check it works

Open your site in a normal browser window (not one where you are logged in as admin, if you excluded admin pages). Then open Analytics in Spintaxify. Within a few seconds Online now shows 1, and the setup card ticks Install the script.

Tip: your site ID is in Analytics → Settings → General. Copy the snippet from there and it is already filled in.

Something missing? Contact us and tell us what you were looking for.