从GA迁移到GTM-需要哪些跟踪代码?

时间:2018-06-28 10:24:30

标签: google-analytics google-tag-manager

我不确定要使Google Analytics(分析)(GA)和Google跟踪代码管理器(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数据,这一点很重要。

2 个答案:

答案 0 :(得分:2)

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

如果您想通过GTM集成Google Analytics(分析),则帖子中的第二个代码段将替代第一个代码段,而不是附加代码。您需要第二个代码段,然后配置GTM将Google Analytics(分析)部署到您的页面。在大多数情况下,您甚至都不需要noscript标记(除非您专门配置以noscript模式运行的标记)。

对于去抖动事件,可以使用超时将事件推送到数据层,然后使用它来触发Google Analytics(分析)事件。您可以在页面代码中的某个位置执行此操作,也可以在Pageview(或DOM准备就绪)事件触发的自定义HTML标签中执行此操作。

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

然后,创建“自定义事件”的触发器,在“事件名称”字段中输入,然后输入“反跳”(不带引号)。然后,您可以使用该触发器触发设置为在GTM中进行事件跟踪的Google Analytics(分析)标记(您已经注意到,它实际上并不比gtag.js简单,但是它还可以控制非Google标记,因此值得努力)。

“事件”键在dataLayer对象中很特殊-Google覆盖数据层数组中的本机推送方法以侦听称为“事件”的对象键。每当它按下“事件”键时,它都会从dataLayer更新所有内部变量(这将添加所有新推送的值),然后允许触发代码。

答案 1 :(得分:0)

是的,您将需要两个脚本来设置GTM。您最好在网站的首页部分使用第一个代码,在正文部分使用第二个代码。该代码允许代码管理器通过在页面中插入gtm.js来触发代码。 设置完GTM后,您可以创建通用的Analytics(分析)标记来跟踪事件。要跟踪,请查看以下网址,以使用GTM跟踪事件。

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