Installation

Install Bantico on Nuxt.js

Add Bantico to your Nuxt app through your root config. Pass your project token through data-token. This example also sets window.__BANTICO_TOKEN__ as a safe fallback.

Add NUXT_PUBLIC_BANTICO_TOKEN to your environment variables and only load Bantico when a project token is available.

Environment variable

Add your Bantico project token to .env.

.env

NUXT_PUBLIC_BANTICO_TOKEN=your_project_token

Root config setup

Add Bantico to your nuxt.config.ts file. The first script sets the fallback token, and the second script loads the Bantico tracker.

nuxt.config.ts

const banticoToken = process.env.NUXT_PUBLIC_BANTICO_TOKEN; export default defineNuxtConfig({  app: {    head: {      script: banticoToken        ? [            {              id: "bantico-token",              innerHTML: `window.__BANTICO_TOKEN__=${JSON.stringify(banticoToken)};`,            },            {              id: "bantico-tracker",              src: "https://app.bantico.com/bantico.js",              defer: true,              "data-token": banticoToken,            },          ]        : [],    },  },});