Astro

请将 Talivia 加入所有 Astro 页面共用的布局。

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

添加脚本

打开基础布局（例如 src/layouts/BaseLayout.astro），将代码片段放在 </body> 结束标签之前。

---
const { title } = Astro.props;
---

<html lang="en">
  <head>
    <title>{title}</title>
  </head>
  <body>
    <slot />
    <script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID"></script>
  </body>
</html>

请替换网站编号。使用 Talivia“设置 → 数据追踪”中这个 Astro 网站对应的编号。

部署或运行网站、访问一个页面，然后在 Talivia 中确认新会话。

请将 Talivia 加入所有 Astro 页面共用的布局。

添加脚本

打开基础布局（例如 src/layouts/BaseLayout.astro），将代码片段放在 </body> 结束标签之前。

---
const { title } = Astro.props;
---

<html lang="en">
  <head>
    <title>{title}</title>
  </head>
  <body>
    <slot />
    <script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID"></script>
  </body>
</html>

请替换网站编号。使用 Talivia“设置 → 数据追踪”中这个 Astro 网站对应的编号。

部署或运行网站、访问一个页面，然后在 Talivia 中确认新会话。