Question

我正在尝试在我的React网站上安装Google跟踪代码管理器，但是当我阅读Google跟踪代码管理器的文档时，它表明我应该在每个页面的标题和正文中粘贴一个长脚本标记：

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager -->

但是，React网站传统上不使用script标签。如何通过Google跟踪代码管理器有效，高效地设置我的React网站？ SPA是否有特殊的React或JavaScript标签？

Answer 1

您可以在/public/index.html中添加该脚本，因为该脚本是单页应用程序，但是除非您根据Google标记功能添加事件，否则该脚本只能加载一次。

要实施Google跟踪代码管理器，请使用NPM软件包提供更多可自定义的选项：https://www.npmjs.com/package/react-google-tag-manager

如果您在代码管理器中使用Google Analytics（分析），请阅读以下内容。

最好的方法是使用Google Analytics（分析）React NPM软件包：https://github.com/react-ga/react-ga

添加：更改路由器中的ReactGA.pageview(window.location.pathname + window.location.search);，以确保获得页面点击。

在React for Google Analytics（分析）中难以安装Google跟踪代码管理器

1 个答案: