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

【问题标题】：Migrating from GA to GTM - which tracking codes are needed?从 GA 迁移到 GTM - 需要哪些跟踪代码？
【发布时间】：2018-06-28 10:24:30
【问题描述】：

我不确定需要哪些跟踪代码才能让 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>

我需要所有这些 sn-ps 吗？能够设置事件跟踪并且不会丢失任何以前的 GA 数据非常重要。

【问题讨论】：

标签： google-analytics google-tag-manager

【解决方案1】：

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

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

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

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

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

“Event”键在 dataLayer 对象中是特殊的 - Google 会覆盖 datalayer 数组中的原生推送方法以侦听称为“event”的对象键。每当它点击“事件”键时，它都会更新 dataLayer 中的所有内部变量（这会添加所有新推送的值），然后允许触发标签。

【讨论】：

非常感谢您的回复！我从上一个示例中离开但现在意识到非常相关的是我使用以下函数限制跳出率 -> setTimeout(gtag('event', 'No Bounce', { 'event_category' : 'Adjusted Bounce' } ),20000);.现在我不再使用以前的 sn-p，您是否建议直接在 GTM 中设置调整后的跳出率，或者以某种方式将其添加到 GTM sn-p？

【解决方案2】：

是的，您需要这两个脚本来设置 GTM。第一个代码最好在您网站的头部部分，第二个代码在您网站的正文部分。该代码使标签管理器能够通过在页面中插入 gtm.js 来触发标签。设置好 GTM 后，您可以创建通用 Analytics 标签来跟踪您的事件。查看下面的 URL 以使用 GTM 跟踪事件。

https://www.gravitatedesign.com/blog/google-tag-manager-analytics-event-tracking-2018/

【讨论】：