通过使用纯Javascript在单页应用程序上使用Google标记管理器

我正在我的

ReactJS

网站上实现

googletagmanager

为此，我从

Google

docs获得以下说明：

参考：

复制以下JavaScript并将其粘贴到网站的每个页面上，尽可能靠近开始标记，用容器ID替换

GTM-XXXX

：

<!-- 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 -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

（函数（w，d，s，l，i）{w[l]=w[l]||【】；w[l]。推送（{'gtm.start'：
new Date（）.getTime（），事件：'gtm.js'}）；var f=d.getElementsByTagName[0]，
j=d.createElement，dl=l！=“数据层”？“&l=”+l:“”；j.async=true；j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl；f.parentNode.insertBefore（j，f）；
})（窗口、文档、“脚本”、“数据层”、“GTM-XXXX”）；

复制以下代码段，并将其粘贴到网站每一页的开始标记后，将GTM-XXXX替换为您的容器ID：

<!-- 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 -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

我的问题是，我的

ReactJS

网站有许多页面在不刷新浏览器的情况下更改。我的意思是，它是一个

单页应用程序
（
SPA
），只需加载一次，然后用户就可以浏览
SPA
的页面，而无需刷新浏览器

我只想跟踪一页：
/thank-you

实现这一目标的最佳方式是什么。我已经做了很多调查，但没有找到任何方法来使用纯
Javascript
实现这一点

欢迎使用任何代码片段

谢谢
 您可以使用历史更改触发器来跟踪SPA。以下是GTM帮助页面的基本内容。这允许GTM捕获React应用程序的位置更新

然而，您可能会发现一些有用的指南，如
您可以使用历史更改触发器来跟踪SPA。以下是GTM帮助页面的基本内容。这允许GTM捕获React应用程序的位置更新

不过，您可能会发现一些有用的指南，如
Бццццццц谢谢。这里的要点是，我没有创建标记管理器配置的Google帐户。然后我得到了（由第三方提供的）粘贴在上面帖子上的两块代码。那么，由于给定的情况，我是否被迫要求第三方人员（在他的谷歌帐户上）遵循您的文档参考上指示的步骤：1。单击触发器，然后单击新建| 2。单击触发器配置并选择历史更改触发器类型？。另外，请记住，我只想跟踪一页：
/thank-you
。谢谢谷歌标签管理器不跟踪网页本身。它用于
激发
一些跟踪标记，这意味着调用一些JS代码，将跟踪数据发送到google analytics等系统。为了跟踪/感谢SPA网站上的页面，让我们坐在Google Analytics和GTM上，需要创建一个“Google Analytics pageview”标签，并在历史更改触发时将其设置为激发。谢谢。这里的要点是，我没有创建标记管理器配置的Google帐户。然后我得到了（由第三方提供的）粘贴在上面帖子上的两块代码。那么，由于给定的情况，我是否被迫要求第三方人员（在他的谷歌帐户上）遵循您的文档参考上指示的步骤：1。单击触发器，然后单击新建| 2。单击触发器配置并选择历史更改触发器类型？。另外，请记住，我只想跟踪一页：
/thank-you
。谢谢谷歌标签管理器不跟踪网页本身。它用于
激发
一些跟踪标记，这意味着调用一些JS代码，将跟踪数据发送到google analytics等系统。为了跟踪/感谢SPA网站上的页面，我们先来看看Google Analytics和GTM，需要创建一个“Google Analytics pageview”标签，并将其设置为在历史更改触发时触发。