Install misomoon on Vue and Nuxt

Add misomoon to a Vue, Vite, or Nuxt app.

#Vue and Vite

Paste the script tag into the <head> of index.html:

<script defer src="https://analytics.example.com/m.js?s=your-site"></script>

To send events from components, call init() from @misomoon/sdk/web instead of adding the tag:

// main.ts
import { init } from '@misomoon/sdk/web'

init({ site: 'your-site', host: 'https://analytics.example.com' })

Then call track('Signup') from any component. Use the tag or init(), not both, or the tracker loads twice.

#Nuxt

Add the tag to nuxt.config.ts:

export default defineNuxtConfig({
	app: {
		head: {
			script: [{ src: 'https://analytics.example.com/m.js?s=your-site', defer: true }],
		},
	},
})

Route changes count as pageviews by themselves. For a router that uses #/routes, add data-hash to the tag.

#Check it works

Open your site in a browser. You appear in Live within a few seconds. If you don't, the browser console says why, for example misomoon skipped: bot, and Troubleshooting lists the other causes.

#Next steps

• Send custom events such as a signup: Track your site.
• Turn events into conversions: Goals, funnels, and paths.
• Count visitors with ad blockers: Serve the tracker from your own domain.