Nuxt

Add OpenRevenue analytics to your Nuxt 3 app with a plugin or config.

Via plugin

Create plugins/openrevenue.client.ts (the .client suffix ensures it only runs in the browser):

plugins/openrevenue.client.ts

export default defineNuxtPlugin(() => {  const script = document.createElement("script")  script.src = "https://api.openrevenue.com/tracker.js"  script.dataset.site = "your-project-id"  script.defer = true  document.head.appendChild(script)})

export default defineNuxtPlugin(() => {  const script = document.createElement("script")  script.src = "https://api.openrevenue.com/tracker.js"  script.dataset.site = "your-project-id"  script.defer = true  document.head.appendChild(script)})

ℹ

Nuxt plugins ending in .client.ts are automatically excluded from SSR; no need for process.client guards.

Via nuxt.config

Alternatively, inject the script directly from nuxt.config.ts:

nuxt.config.ts

export default defineNuxtConfig({  app: {    head: {      script: [        {          src: "https://api.openrevenue.com/tracker.js",          "data-site": "your-project-id",          defer: true,        },      ],    },  },})

export default defineNuxtConfig({  app: {    head: {      script: [        {          src: "https://api.openrevenue.com/tracker.js",          "data-site": "your-project-id",          defer: true,        },      ],    },  },})

Verify

Deploy and open your site. A pageview should appear in your OpenRevenue dashboard within seconds.

ℹ

OpenRevenue ignores localhost automatically. Test on your deployed URL.