Talivia Docs
Talivia Docs
HomeDashboard
IntroductionInstallationTeamGetting updates
Next.jsReactVueNuxtAngularSvelteKitAstroRemixSolidStartQwikGatsbyExpoLaravelDjangoRuby on RailsExpressNestJSFlaskPhoenixWordPressShopifyWixWebflowSquarespaceFramerTilda
Integrations
AI agents and MCPllms.txtllms-full.txt
Installation

Vue

Install Talivia in Vue and Vue-powered sites.

View Markdown

Add the Talivia script to the HTML file that loads your Vue app.

Copy the complete snippet from Settings -> Tracking. The examples below focus on framework placement. Keep generated attributes such as data-domain in the installed snippet. See Tracker configuration for every option and Subdomain tracking when the same visitor moves between subdomains.

Vue with Vite

Open index.html and place the snippet near the end of body.

<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID"></script>

Nuxt-style projects

If your Vue project has a global app template or head/script configuration, add the same tracker once globally. Avoid adding it inside individual pages.

<script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID"></script>

Replace YOUR_WEBSITE_ID. Copy the real value from Talivia Settings -> Tracking.

After deploying, open any public page and check the Talivia dashboard for a new visit.

React

Install Talivia in a React single-page app.

Nuxt

Install Talivia in a Nuxt app.