开始使用GTM之前,先认识Google Tag Manager中的代码、触发条件与变量

作者:码迷 阅读:210 点赞:38

开始使用GTM之前,先认识Google Tag Manager中的代码、触发条件与变量/

相信有在持续追踪 awoo博客的读者,应该有看过之前的标记管理工具GTM介绍 、GTM安装GA教学 ,不过你是否还是对Google Tag Manager的代码、触发条件以及变量这三者的关系感到雾飒飒吗?本篇文章会更详细哦明他们之间代表的意义。

开始先确定好所要创建的代码类型(例如:Google Analytics、Google Optimize或是自订代码等等),再决定这段代码的触发条件(例如:打开窗口触发、点击等等),而变量则是代码或是触发条件中为了某个值预留的具名位置(例如产品名称、价格值或日期)。

代码、触发条件、变量关系图

下面更详细的介绍变量、触发条件、代码三者各自的意义。

GTM – 变量(Variable)

相信如果有写过程序语法的人,应该都对于「变量」这个词不陌生,而在GTM上的变量跟程序中的变量代表意义是大同小异的。我们需要先创建变量并定义这些变量的类型是什么或是代表的值为何,例如之前「Google Tag Manager 教学:第一次装Google Analytics就上手 」文章中提到添加一组Google Analytics追踪代码编号的变量,那这组变量类型为Google Analytics设置,而变量的值就是Google Analytics追踪代码的编号。创建好的变量除了安装GA用到外,也方便后续有其他设置需要用到GA追踪代码编号的时候可以重复使用,减少设置的重工。

变量(Variable)类型

在Google Tag Manager 中变量类型会因容器类型为网页(Web)或是手机应用程序(APP)而有所不同(本篇文章会主要介绍网页的类型),网页现在主要类型会分为下面这几种:

如果想知道各类型变量代表的意思可以参考Google说明文档:,这边就不另外阐述了。

GTM内置变量

内置的变量会因为容器类型是网页、AMP、Android 或 iOS而有所不同,以网页容器来说:会有点击、错误、表单、纪录、网页、卷动、公用程序、影片、可见度这几个大类型的内置变量,以点击为例:缺省的变量有点击元素、点击类别、点击 ID、点击目标、点击网址、点击文本可以供使用,而内置变量不够用的话也可以添加自定义变量,如果想了解其他更多内置变量,可以前往看。

GTM – 触发条件(Trigger)

触发条件其实就跟字面上的意思是一样的,当网页或是应用程序的某个条件被触发,代码就会在网页上激活,而通常触发条件可以分为几种:网页浏览、网页点击、网页元素可见度、网页表单提交、网页纪录变更、JavaScript 错误、网页卷动、网页计时器、网页影片(YouTube)、自订触发事件。

下面枚举几个触发条件类型说明:

网页浏览

网页浏览的触发条件是指用户进去网页的各个流程点,通常流程分为:

  1. 进入网页后浏览器开始剖析页面。
  2. 开始建构网页的DOM。(不懂什么是DOM元素的可参考 )
  3. 开始加载网页资源(例如JS、图片等等外部资源)

网页元素可见度

这项触发条件可以设置当网页中的某个元素在页面中显现的时候触发。

例如:

  • 网页加载后某个元素加载完成后出现
  • 点击导览列跳出的下拉导览列
  • 卷动页面到某个定点才会出现的元素
  • 其他可能透过JS或CSS 触发条件后才会出现的元素

网页元素可见度的触发条件可设置每个网页只会触发一次或是每个元素触发一次。

  • 每个网页一次

不论这个元素在页面有多少个或是重复显现,都只会在该元素首次显现后触发一次,不过如果网页刷新或前往浏览其他页面再回来则会再次启动触发条件。

  • 每个元素一次

顾名思义,就是当触发条件的元素有多个数量,每个元素都只会触发一次,不会有同个元素被触发多次的情况,或是所有元素只被触发一次。

  • 每个元素在画面上显示时

当设置的元素只要在页面上显示一次就会被触发一次。

如果想要了解其他更多触发条件,可以到Google官方文档:

GTM – 代码(Tag)的意义

大家应该知道GTM 是一款标签代码管理工具,代码就是指由分析、营销或支持供应商提供的代码片段(例如:Google Analytics、Adometry、Crazy Egg),协助将产品集成至网站或行动应用程序,方便后续的管理。

如果内置的代码没有所需要的(例如 Facebook Pixel),也可以使用自订HTML ,来安装并管理代码。文章前面提到的触发条件以及变量,在设计的时候要先想好你是要创建什么的代码,再来决定触发条件跟变量应该如何去设置。

例如:我们想利用GTM来追踪页面某个元素的点击数,并发送事件到Google Analytics做纪录。

1.先想会需要怎样的「变量」,而我们要追踪页面点击的话,需要点击元素的ID或是Classes,由于GTM有内置的点击变量,可以激活就好。

2.设置好需要的变量后,预想怎样的触发条件下要算点击次数,是只有链接类型的或是所有页面元素符合条件的都要计算?

假设选择所有元素,接下来选择这项触发条件的启动时机,是否只追踪部分点击,例如变量Click Class或特定ID的元素。

  1. 变量跟触发条件都设置完成后,就可以添加代码了,由于我们要将数据传给Google Analytics,所以代码类型选Google Analytics,追踪的为点击事件,所以追踪类型要选择事件,如果不太懂类别、动作、标签的话,可以参考,触发条件则选择刚刚创建的。

以上介绍GTM的代码、触发条件与变量,希望可以让大家更熟悉GTM,建议大家在使用GTM之前,可以先了解各个触发条件、变量类型代表的意义为何,再来实际试着创建一组代码,就能够更加的了解代码、触发条件与变量代表的意义。

本文网址: https://www.mamioo.com/seo-analytics/ovrn8nwwn7m6

本站内容均为「码迷SEO」原创整理,未经授权严禁采集转载,违者必究。