Expo | Talivia

Talivia's browser tracker is for web pages. Use this guide for Expo Web or web builds of an Expo Router app.

Expo Router

Create or update app/+html.tsx and place the script in the body.

import { ScrollViewStyleReset } from 'expo-router/html';

export default function Root({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <ScrollViewStyleReset />
      </head>
      <body>
        {children}
        <script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID" />
      </body>
    </html>
  );
}

Expo web HTML

If your project exposes a web HTML template, add the universal snippet before </body>.

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

Native apps are different. This script tracks browser traffic only. Use it for Expo Web, not iOS or Android native screens.

Talivia's browser tracker is for web pages. Use this guide for Expo Web or web builds of an Expo Router app.

Expo Router

Create or update app/+html.tsx and place the script in the body.

import { ScrollViewStyleReset } from 'expo-router/html';

export default function Root({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <ScrollViewStyleReset />
      </head>
      <body>
        {children}
        <script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID" />
      </body>
    </html>
  );
}

Expo web HTML

If your project exposes a web HTML template, add the universal snippet before </body>.

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

Native apps are different. This script tracks browser traffic only. Use it for Expo Web, not iOS or Android native screens.