使用 React.js 实现 Partytown

Question

我试图在 React 应用程序中实现 partytown，但 partytown 文档不清楚，我无法找到用于 partytown 实现的良好资源。请通过一个很好的例子来指导如何在 React 中实现 partytown。另外，有什么方法可以检查 partytown 是否已实施

Answer 1

在 React 应用程序中，party-town 库可以在 script 标签中使用来运行第 3 方脚本。

例子：

<script
  type="text/partytown"
  dangerouslySetInnerHTML={{
    __html: '/* Write your Script here*/',
  }}
/>

或者您可以使用此方法来运行外部脚本。

 <script src="https://example.com/analytics.js" type="text/partytown" />

但是为了执行您的代码，您需要导入 Partytown 组件并设置一些配置。

import { Partytown } from '@builder.io/partytown/react';

export function Head() {
  return (
    <>
      <Partytown debug={true} forward={['dataLayer.push']} />
    </>
  );
}

您可以浏览此处的文档以查看可用的配置选项列表。