google-analytics - 从 GA 迁移到 GTM - 需要哪些跟踪代码？

Question

我不确定需要哪些跟踪代码才能让 Google Analytics (GA) 和 Google Tag Manager (GTM) 工作。我目前在 GA 中使用以下脚本 ->

<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-xxx-x');
</script>

现在我正在设置 GTM，它还要求我添加以下跟踪代码 ->

<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-xxx');</script>


<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-xxx"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

我需要所有这些片段吗？能够设置事件跟踪并且不会丢失任何以前的 GA 数据是很重要的。

Answer 1

从技术上讲，您正在从 gtag.js 迁移到 GTM(GTM 是一个标签管理器，虽然它可用于自行部署 GA，但它不会跟踪任何内容)。

如果您想通过 GTM 集成 Google Analytics，那么您帖子中的第二个片段是第一个片段的替代品，而不是一个补充。您需要第二个代码段，然后配置 GTM 以将 Google Analytics 部署到您的页面。对于大多数用例，您甚至不需要 noscript 标签(除非您专门配置在 noscript 模式下运行的标签)。

对于 debounce-event，您可以使用超时将事件推送到数据层，然后使用它来触发 Google Analytics 事件。您可以在页面代码中的某处执行此操作，也可以在页面 View (或 DOM 就绪)事件触发的自定义 HTML 标记中执行此操作。

setTimeout(dataLayer.push({'event':'deBounce'}),20000);

然后创建“自定义事件”类型的触发器，并在“事件名称”字段中输入“去抖动”(不带引号)。然后，您使用该触发器来触发在 GTM 中设置为事件跟踪的 Google Analytics 代码(您已经注意到这并不比 gtag.js 简单，但它允许您也控制非 Google 代码，因此它可能值得努力)。

“事件”键在数据层对象中是特殊的——谷歌覆盖数据层数组中的原生推送方法来监听称为“事件”的对象键。每当它击中“事件”键时，它都会更新来自 dataLayer 的所有内部变量(这会添加所有新推送的值)，然后允许触发标记。