Expo | Talivia

Talivia 的浏览器追踪器适用于网页。本指南适用于 Expo Web 或 Expo Router 应用的网页构建。

请从“设置 → 追踪”复制完整的代码片段。 以下示例重点说明代码在各框架中的放置位置。请在安装的代码片段中保留自动生成的属性，例如 data-domain 。有关所有选项，请参阅追踪器配置；如果同一访客会在不同子域名之间移动，请参阅子域名追踪。

Expo Router

创建或更新 app/+html.tsx，并将脚本放入 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 网页版 HTML

如果项目提供网页 HTML 模板，请在 </body> 之前添加通用代码片段。

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

原生应用需要采用其他方式。此脚本只追踪浏览器流量，可用于 Expo Web，但不能追踪 iOS 或 Android 原生界面。

Talivia 的浏览器追踪器适用于网页。本指南适用于 Expo Web 或 Expo Router 应用的网页构建。

Expo Router

创建或更新 app/+html.tsx，并将脚本放入 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 网页版 HTML

如果项目提供网页 HTML 模板，请在 </body> 之前添加通用代码片段。

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

原生应用需要采用其他方式。此脚本只追踪浏览器流量，可用于 Expo Web，但不能追踪 iOS 或 Android 原生界面。