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

作者:码迷
作者:码迷SEO
发布时间:2019-11-19 09:40:01阅读:19点赞:6

开始使用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」原创整理,未经授权严禁采集转载,违者必究。
评论
相关文章
  • Google Tag Manager 教学:第一次装Google Analytics就上手

    Google Tag Manager 教学:第一次装Google Analytics就上手

    继续阅读>>

    1浏览0赞2019-12-10 11:00:02
  • GA追踪码安装教学,多做这个步骤日后不用捶心肝

    GA追踪码安装教学,多做这个步骤日后不用捶心肝

    在awoo之前的文章「GA (Google Analytics) 是什么?为什么全世界都在用? 」跟大家介绍了GA到底是什么东西,相信大家已经跃跃欲试,想要知道自己网站里的所有状况了,而你现在应该要做的第一件事就是就开始尝试在自己的网站里面安装Google Analytics!在这篇文章中将告诉大家,从如何取得代码、安装示范、检测,到回答大家在安装时常见的问题,让大家都能顺利为自己网站导入这一项强大的工具。 TL;DR 文章太长但时间不够,没关系可以跳着看 在成功创建帐户后,GA会协助你到达「追踪代码」的设置内,在这里Google会提供缺省的代码,接着只要复制这一串代码放置到你网页,紧接着的地方,就是完成追踪了。 在接下来的示范中,将会以Wordpress网站为例,介绍几种不同的安装方式。 如果你对于HTML代码依然感到苦手,可以参考这一篇文章:「写给营销人的 HTML 入门基础教学,学习 SEO 时的必备概念! 」,快速的了解HTML运作的原理。 部分经过购买的Wordpress主题也都会有字段可以填入追踪码,只要在这个字段中加入你的追踪编号就可以追踪完成。在像是weebly或是Wi继续阅读>>

    19浏览3赞2019-11-04 09:00:01
  • Google Analytics分析(GA)是什么?为什么全世界都在用?

    Google Analytics分析(GA)是什么?为什么全世界都在用?

    Google Analytics,一般来说都会简称GA,是Google公司提供的数据分析工具,可用来分析网站或APP的数据状况,同时也是目前全世界最普及的数据分析软件,而且由于使用Google搜索引擎的人数比例将近非常过80%!继续阅读>>

    21浏览4赞2019-10-30 13:51:18
  • 给新手营销人的建议:用数据驱动营销,踏出你的第一步

    给新手营销人的建议:用数据驱动营销,踏出你的第一步

    现在的营销产业因为数据分析工具的进步、数据分析观念的普及,我们能倚靠数据做出更有根据、更科学的决策,网站分析的目的就是透过数据研究,来产生洞察,并依靠洞察来产出决策,最后,利用更有效的决策来改善商业....继续阅读>>

    5浏览1赞2019-12-07 09:00:01
  • 打开网站分析之门-学习Google Analytics吧

    打开网站分析之门-学习Google Analytics吧

    大多人会推荐使用Google Analytics原因是:1. 免费使用(但有使用限制),拥有丰富Google官方资源2. 名声大,讨论人数多,参考资源也多3. 功能涵盖范围广,几乎能处理你要的需求你4. 多语系接口,包含中文,降低语言障碍继续阅读>>

    19浏览1赞2019-11-06 09:00:01
  • 轻松理解【Google Analytics客户开发报表】总览 、所有流量

    轻松理解【Google Analytics客户开发报表】总览 、所有流量

    数字营销人才学习Google Analytics报表的第一步【客户开发】报表,我们将会从【总览】到【来源/媒介】报表带大家一步一步的认识与操作,让所有人都能轻松学会你的访客是从哪里来以及数据报表的解读。继续阅读>>

    11浏览1赞2019-11-27 12:20:01