使用 React.js 实现 Partytown

【问题标题】：Partytown implementation with React.js使用 React.js 实现 Partytown
【发布时间】：2022-06-21 16:00:20
【问题描述】：

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

【问题讨论】：

标签： reactjs google-analytics google-tag-manager

【解决方案1】：

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

例子：

<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']} />
    </>
  );
}

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

【讨论】：