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

React

Install Talivia in a React single-page app.

View Markdown

For React apps, add the tracker to the HTML shell that wraps the 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.

Vite

Open index.html and place the snippet before the closing </body> tag.

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

Create React App

Open public/index.html and place the snippet before the closing </body> tag.

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

Use your Talivia website ID. The example ID is only a placeholder.

Talivia listens to browser history changes, so route changes in React Router are tracked after the script loads.

Next.js

Install Talivia in a Next.js app with a root layout.

Vue

Install Talivia in Vue and Vue-powered sites.