GoogleTagManager教学,一篇搞懂如何设定和管理网站追踪码_第1页
GoogleTagManager教学,一篇搞懂如何设定和管理网站追踪码_第2页
GoogleTagManager教学,一篇搞懂如何设定和管理网站追踪码_第3页
GoogleTagManager教学,一篇搞懂如何设定和管理网站追踪码_第4页
GoogleTagManager教学,一篇搞懂如何设定和管理网站追踪码_第5页
免费预览已结束，剩余1页可下载查看

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、你有听过Google代码管理工具(GoogleTagManager,GTM)吗？对独自经营电商网站的你来说，最重要的就是管理流量。然而，拥有流量后，更重要的是要如何管理。懂得如何管理流量，不但可以准确归类转换的事件，更能进一步将流量转换成销量，创造无穷价值！若你已经开始追踪某个事件的成效，你是不是有遇到以下几个问题呢？已经埋成千上万的追踪码在网站中，却不记得曾经装了那些？装了追踪码，却不清楚哪些有实质转换？ 在跨第三方线上行销工具平台查看成效，却操作复杂难以统一？ 埋设太多追踪码让网页载入速度缓慢，时常等到不耐烦？这个时候GoogleTagManager就是你的好帮手！什么是标签代码(Tag)

2、呢？相信你一定有使用如GoogleAnalytics,DoubleClick,AdRoll,AdobeSiteCatalyst等第三方线上行销工具去追踪网站或广告成效吧！这些第三方线上行销工具会提供的一串片段的Javascript程式码，这一串的程式码有许多用途，最常被使用的就是回传讯息。当你在不同的行销活动上予以注记时，程式码会回传讯息至第三方线上行销工具，因此可以帮助你分析并改善消费者在你电商网站上的触击等活动。例如，消费者从哪一个管道进入你的电商网站、哪一个广告点击率最高、哪一个广告实际下单转换率最高、要针对谁做再行销(remarketing)、A/B测试等，而这一串片段的Javascr

3、ipt程式码就是所谓的标签(Tag)。为什么要使用GoogleTagManager? 简化一切不必要的麻烦为了分析不同的行销活动，你势必得使用许多线上行销工具，而为了追踪每个活动的成效，则得在每个活动中建立对应的标签程式码，并将该程式码贴回对应的网页。例如你正在进行一个广告行销活动，同时使用GoogleAnalytics和GoogleAdWords追踪转换并回传消费者在你电商网站上的某种行为资讯，传统的作法是你必须将每一个标签程式码手动加到该网页，然而有了GoogleTagManager你可以简化这一连串冗长的流程，只要在GoogleTagManager的管理介面中注记想要使用的代码标签(Ta

4、g)即可，让不是网站工程师的你也能轻松置入代码标签、追踪成效。稍后会做更详尽的设定与解说。 增加网站稳定性与载入速度过多的代码标签不但会延迟网页的载入速度，严重的话甚至会导致伺服器超载，而电商网站短暂崩溃，将造成消费者的流失。根据Kissmetris研究调查显示，等待时间超过3秒，你就已经失去40%的造访者，而多等待1秒的时间，会减少11%的阅览率、让消费者满意度下降16%、更会失去7%的转换率！倘若使用GoogleTagManager,则能让上述的情况发生机率大大降低，消费者在你的电商网站中也会有更好的体验。GoogleTagManager由哪些东西组成？1 .帐户Account帐户是Goo

5、gleTagManager中最高的主要层级，一个帐户可以用来管理一个或多个的电商网站，一般来说一家公司仅需要一个帐户便可管理所有旗下的电商网站。若你同时追踪、管理不同公司的数位行销成效，则可将所有的TagManager帐户连结至一个Google帐户。2 .容器Container相信聪明的你很快就猜到所谓的容器，就是专门放置标签的地方。一个帐户里面至少会有一个容器，用来装载代码标签(Tag)与触发条件(Trigger),举例来说，一个容器里可能含一个代码标签以纪录消费者购物行为，并且含有一个触发条件是当感谢购物页面跳出时，代码标签才会记录此交易资讯。一般来说，一个容器会对应一个网域，而一个容器中

6、可以放入多个代码标签与触发条件，因此就不需要在每一个网页中置入程式码追踪。3 .代码标签Tag前面段落已提及，这里便不再赘述。4 .触发条件Trigger触发条件是由变数(Variables)、运算符号(Operators)与值(Values)所组成。由于代码标签的运作模式是因为某种事件的产生而被触发，进而开始搜集资料，你设定触发事件就是告诉代码标签何时该被触发，例如你设定所有页面(AllPages)为触发条件，则不管哪一个页面是载入状态，代码标签都会被触发；其他状况还有像消费者将购物车中的东西移出，又或者使用者按下行动呼吁按钮下载EDM或电子书等等。变数Variable变数帮助定义代码标签该

7、在何时回传讯息，而变数又可以细分成内建变数(Built-inVariables)与使用者自订变数(User-definesVariables)两种。内建变数是系统预设值，有相当多种常用的触发方式，例如网页路径pagepath或点击clickID,你只要简单点选即可启用；而使用者自订变数是你根据其需求特别定义的变数，例如购买完成purchaseComplete就是当交易完成、使用者所查看商品的价格后才回传资料。运算符号Operator定义变数与值之间的关系，系统会在执行阶段判断触发条件为true或false,而两者之间一定要对应的上才能确保触发条件顺利运行，最常见的运算符号如等于(equals)

8、、包含(contains)、或未包含(doesn'tcontains)。值Value明确定义变数可以是某些特定的数字或是网页网址，已此触发代码标签搜集资讯。若你只想要当使用者完成购买时才让标签代码搜集资料的话，你可以设定：变数：url)运算符号：等于值：完成购买页面"checkout.html"另外，你也可以同时设定多个触发条件来搜集资料。5.资料层DataLayer资料层级是一个非必须的JavaScript物件，也是一种程式码，可以用来传递GoogleTagManager的所有信息，诸如事件或变数的资料讯息可以通过资料层传递给GoogleTagManager,并且

9、可以根据变数在设置触发事件。例如你设置了一个再行销的代码标签，其变数规则是当某特定消费者购买金额超过$100美元时(purchase_total>$100),则该代码标签会被触发；然而该变数也可以被运用在其他的代码标签中。简单来说透过资料层可以让你更简单直觉的传递讯息。大概了解GoogleTagManager的组成后，接下来该如何设定呢？以下有详细教学步骤1 .设定帐户前彳iGoogleTagManager,并使用你的google帐户登入。登入后新增一个帐户，帐户名称可以是你电商品牌的名字。2 .设定容器为你的容器取一个名字并选择该容器欲使用的位置。由于软硬体的歧异，在网页或行动装置上的

10、追踪方式会因而有些不同，此外，在行动装置方面，更要区别不同的作业系统，因为在iOS和Android中不管是网页、广告、跳出视窗(pop-up)皆略有差异，因此需要搭配iOS或Android平台适用的FirebaseSDK来进行设置。3 .确认使用GoogleTagManager的条款4 .设定追踪网站确认使用GoogleTagManager的条款后，系统会产出两串程式码。接着，你回到你的电商网站按下F12,并依据指示将第一段程式码贴到你的电商网站最上方的<head>中，此外，将第二段程式码贴到<body>开头的程式码正后方。基本上，完成以上步骤，你已经大致做好了最初的设

11、定。不过到这边还没结束，因为如果不加上追踪数位行销成效的代码标签，就好比带了一个名牌钱包出门逛街，而里面却没有半毛钱，一切都是徒然，因此接下来的重点就是安装代码标签用以追踪流量，而最常使用的网站流量追踪工具就是GoogleAnalytics,以下将以其作范例设定教学。5 .新增代码当你已经决定好要追踪哪些消费者行为后，接下来的重点便是设定追踪码。首先，回到你的GoogleTagManager页面，在左上方的选单中点选工作区并点选新增代码。6 .代码设定为了不让此代码标签与往后其他追踪活动搞错，建议先在左上角为此代码标签取一个简单且直觉的名字，例如：网站浏览。接下来按下代码设定，并选择通用Ana

12、lytics（分析）。7 .输入追踪编号接下来你便需要输入追踪编号，所谓的追踪编号就是像UA-OXOXOX-YY这样的字串，而你必须将这组字串加进追踪程式码，因此系统才能判断要将资料传送到哪个Google帐户。第一组号码OXOXOX代表你的帐号，而YY则是与帐户连结的特定资源编号，其数字会从01、02、03等向上递增，例如你的电商网站的流量追踪资源编号是01,而你的电商部落格流量的资源追踪编号就会是02o此外，你也可以在JavaScript追踪程式码片段的前几行看到完整字串。要找到你的追踪编号，你必须先前往GoogleAnalytics的帐号下，选取管理员，再从帐户选单中选取追踪帐号，并在资源

13、栏位中按下追踪资讯，接着便可以找到追踪编号，将其复制并贴回GoogleTagManager中。8 .选择追踪类型一般来说，最常使用的追踪类型就是浏览量，并加入触发条件在所有网页上启用代码，因此你可以追踪最基本的网站流量。此外，你也可以利用变数的设定，来让特定事件发生时才启动代码标签，例如点击连结、点击文字、网页的导引流量、网页所在网域等等。9 .设定触发条件若是追踪基本电商网站流量，你的触发条件选单中仅会有一个选项，那就是所有网页。若是较为复杂的追踪在电商网站上的消费者行为，你则必须设定相对应的触发条件。例如你要追踪消费者点击某个行动呼吁按钮，则在代码设定的部分，你就要选择追踪类型是事件，并且

14、设定追踪的参数，诸如类型、动作、标签、值等等。在触发条件部分，你则要选择相对应的触发类型，同时并设定在什么条件下标签代码会启动，例如当内文等于XXOO时，代码标签才会触发。此外，你也可以透过右边的加减符号新增或减少触发条件。10 .启用代码标签在设定都完成后，你要回到GoogleTagManager页面，按下右上角的发布，代码标签才会顺利启用。而你也可以在正在修改栏位中查看工作区的变动，有多少已修改、多少已新增与多少的已删除动作。在代码标签发布前，你也可以按下发布右方的箭头，选取预览与除错来检视你的设定是否有错误。启用预览模式后，你每次进入导入容器的网站，便会在浏览器底部看到侦错视窗，其列出启

15、用状态和正在处理的资料等代码相关详情，因此可以很快速地察看当进入哪一个网页时，代码标签因为设定错误因而没有被启用。而这个侦错视窗只会在你的预览中出现，并不会对其他网站访客造成任何的影响。另外，你也可以透过GAChecker来检查Google各项追踪工具的埋设，而GAChecker主要侦测的项目包括： GoogleAnalytics(ga.js) GoogleAnalyticsRemarketing(dc.js) GoogleUniversalAnalytics(analytics.js) GoogleAnalyticsExperiments(ga_exp.js) GoogleTagManage

16、r(gtm.js) GoogleAdWordsConversion(conversion.js) GoogleAdWordsPhoneConversion(loader.js) GoogleAdWordsRemarketing(conversion.js) GoogleAdWordsDynamicRemarketing(conversion.js) GoogleDoubleClick若使用上述的Google行销工具，却不确定网页是否有成功启用追踪代码标签的话，只需要开启GAChecker后输入检测网址，其便可以自动抓取网站内所有页面，更同时列出每一个页面网址被找到的代码类型。若发现错误，可以进入GoogleTagManager,到相对应的标签代码或触发条件中进行修改。最后，推荐一个非常好用的Chrome扩充工具，那就是GoogleTagAssistant在尚未使用GoogleTagAssistant前，要查追踪码的安装状态，除了使用浏览工具外，你的另一个选择便是按下右键，选取检视原始码，在透过Ctrl+F搜寻gaq.push或ga.js,不过，现在透过GoogleTagAssistant扩充工具，便可以根据颜色与数字，立即看出网页的标签设定有没有问题。点击扩充工具图示，即可显示该网页中含有多少标签、有多少错误以及建议修正讯息。依据问题的严重性由小到大依序以蓝色、黄色、

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论