React

对于 React 应用，请将追踪器加入包裹整个应用的 HTML 外壳。

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

Vite

打开 index.html，将代码片段放在 </body> 结束标签之前。

<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

打开 public/index.html，将代码片段放在 </body> 结束标签之前。

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

请使用自己的 Talivia 网站编号。示例编号只是占位符。

Talivia 会监测浏览器历史记录变化，因此脚本加载后也会追踪 React Router 的路由切换。

对于 React 应用，请将追踪器加入包裹整个应用的 HTML 外壳。

Vite

打开 index.html，将代码片段放在 </body> 结束标签之前。

<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

打开 public/index.html，将代码片段放在 </body> 结束标签之前。

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

请使用自己的 Talivia 网站编号。示例编号只是占位符。

Talivia 会监测浏览器历史记录变化，因此脚本加载后也会追踪 React Router 的路由切换。