# React (https://talivia.com/zh-CN/docs/installation-guides/react)



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




## Vite [#vite]

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

```html
<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 [#create-react-app]

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

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

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

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