Gatsby

使用 Gatsby 的服务端渲染钩子，让 Talivia 出现在每个生成页面中。

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

添加脚本

创建或打开 gatsby-ssr.js，将 Talivia 脚本追加到 body 后置组件。

import React from 'react';

export const onRenderBody = ({ setPostBodyComponents }) => {
  setPostBodyComponents([
    <script
      key="talivia"
      defer
      src="https://talivia.com/script.js"
      data-website-id="YOUR_WEBSITE_ID"
    />,
  ]);
};

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

构建或运行 Gatsby、打开页面，然后在 Talivia 中验证会话。

使用 Gatsby 的服务端渲染钩子，让 Talivia 出现在每个生成页面中。

添加脚本

创建或打开 gatsby-ssr.js，将 Talivia 脚本追加到 body 后置组件。

import React from 'react';

export const onRenderBody = ({ setPostBodyComponents }) => {
  setPostBodyComponents([
    <script
      key="talivia"
      defer
      src="https://talivia.com/script.js"
      data-website-id="YOUR_WEBSITE_ID"
    />,
  ]);
};

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

构建或运行 Gatsby、打开页面，然后在 Talivia 中验证会话。