什么是标签代码（Tag）呢？
相信你一定有使用如Google Analytics, DoubleClick, AdRoll, Adobe SiteCatalyst等第三方线上行销工具去追踪网站或广告成效吧！这些第三方线上行销工具会提供的一串片段的Javascript程式码，这一串的程式码有许多用途，最常被使用的就是回传讯息。
当你在不同的行销活动上予以注记时，程式码会回传讯息至第三方线上行销工具，因此可以帮助你分析并改善消费者在你电商网站上的触击等活动。例如，消费者从哪一个管道进入你的电商网站、哪一个广告点击率最高、哪一个广告实际下单转换率最高、要针对谁做再行销（remarketing）、A/B测试等，而这一串片段的Javascript程式码就是所谓的标签（Tag）。
为什么要使用Google Tag Manager？
- 简化一切不必要的麻烦
为了分析不同的行销活动，你势必得使用许多线上行销工具，而为了追踪每个活动的成效，则得在每个活动中建立对应的标签程式码，并将该程式码贴回对应的网页。例如你正在进行一个广告行销活动，同时使用Google Analytics 和Google AdWords追踪转换并回传消费者在你电商网站上的某种行为资讯，传统的作法是你必须将每一个标签程式码手动加到该网页，然而有了Google Tag Manager你可以简化这一连串冗长的流程， 只要在Google Tag Manager的管理介面中注记想要使用的代码标签（Tag）即可，让不是网站工程师的你也能轻松置入代码标签、追踪成效。稍后会做更详尽的设定与解说。
- 增加网站稳定性与载入速度
过多的代码标签不但会延迟网页的载入速度，严重的话甚至会导致伺服器超载，而电商网站短暂崩溃，将造成消费者的流失。根据Kissmetrics研究调查显示，等待时间超过3秒，你就已经失去40%的造访者，而多等待1秒的时间，会减少11%的阅览率、让消费者满意度下降16%、更会失去7%的转换率！倘若使用Google Tag Manager，则能让上述的情况发生机率大大降低，消费者在你的电商网站中也会有更好的体验。
Google Tag Manager由哪些东西组成？
1. 帐户Account
帐户是Google Tag Manager中最高的主要层级，一个帐户可以用来管理一个或多个的电商网站，一般来说一家公司仅需要一个帐户便可管理所有旗下的电商网站。若你同时追踪、管理不同公司的数位行销成效，则可将所有的Tag Manager帐户连结至一个Google帐户。
2. 容器Container
相信聪明的你很快就猜到所谓的容器，就是专门放置标签的地方。一个帐户里面至少会有一个容器，用来装载代码标签（Tag）与触发条件（Trigger），举例来说，一个容器里可能含一个代码标签以纪录消费者购物行为，并且含有一个触发条件是当感谢购物页面跳出时，代码标签才会记录此交易资讯。
一般来说，一个容器会对应一个网域，而一个容器中可以放入多个代码标签与触发条件，因此就不需要在每一个网页中置入程式码追踪。
3. 代码标签Tag
前面段落已提及，这里便不再赘述。
4. 触发条件Trigger
触发条件是由变数（Variables）、运算符号（Operators）与值（Values）所组成。由于代码标签的运作模式是因为某种事件的产生而被触发，进而开始搜集资料，你设定触发事件就是告诉代码标签何时该被触发，例如你设定所有页面（All Pages）为触发条件，则不管哪一个页面是载入状态，代码标签都会被触发；其他状况还有像消费者将购物车中的东西移出，又或者使用者按下行动呼吁按钮下载EDM或电子书等等。
- 变数Variable
变数帮助定义代码标签该在何时回传讯息，而变数又可以细分成内建变数（Built-in Variables）与使用者自订变数（User-defines Variables）两种。内建变数是系统预设值，有相当多种常用的触发方式，例如网页路径{{page path}}或点击{{click ID}}，你只要简单点选即可启用；而使用者自订变数是你根据其需求特别定义的变数，例如购买完成{{purchaseComplete}}就是当交易完成、使用者所查看商品的价格后才回传资料。 - 运算符号Operator
定义变数与值之间的关系，系统会在执行阶段判断触发条件为true 或false，而两者之间一定要对应的上才能确保触发条件顺利运行，最常见的运算符号如等于（equals）、包含（contains）、或未包含（doesn’t contains）。 - 值Value
明确定义变数可以是某些特定的数字或是网页网址，已此触发代码标签搜集资讯。
若你只想要当使用者完成购买时才让标签代码搜集资料的话，你可以设定：
变数： {{url}} 运算符号：等于 值：完成购买页面”checkout.html”
另外，你也可以同时设定多个触发条件来搜集资料。
5. 资料层Data Layer
资料层级是一个非必须的JavaScript 物件，也是一种程式码，可以用来传递Google Tag Manager的所有信息，诸如事件或变数的资料讯息可以通过资料层传递给Google Tag Manager，并且可以根据变数在设置触发事件。
例如你设置了一个再行销的代码标签，其变数规则是当某特定消费者购买金额超过$100美元时（purchase_total > $100），则该代码标签会被触发；然而该变数也可以被运用在其他的代码标签中。简单来说透过资料层可以让你更简单直觉的传递讯息。
大概了解Google Tag Manager的组成后，接下来该如何设定呢？以下有详细教学步骤
1. 设定帐户
前往Google Tag Manager，并使用你的google 帐户登入。登入后新增一个帐户，帐户名称可以是你电商品牌的名字。
2. 设定容器
为你的容器取一个名字并选择该容器欲使用的位置。由于软硬体的歧异，在网页或行动装置上的追踪方式会因而有些不同，此外，在行动装置方面，更要区别不同的作业系统，因为在iOS和Android中不管是网页、广告、跳出视窗（pop-up）皆略有差异，因此需要搭配iOS 或Android平台适用的Firebase SDK 来进行设置。
3. 确认使用Google Tag Manager的条款
4. 设定追踪网站
确认使用Google Tag Manager的条款后，系统会产出两串程式码。接着，你回到你的电商网站按下F12，并依据指示将第一段程式码贴到你的电商网站最上方的<head>中，此外，将第二段程式码贴到<body>开头的程式码正后方。
基本上，完成以上步骤，你已经大致做好了最初的设定。不过到这边还没结束，因为如果不加上追踪数位行销成效的代码标签，就好比带了一个名牌钱包出门逛街，而里面却没有半毛钱，一切都是徒然，因此接下来的重点就是安装代码标签用以追踪流量，而最常使用的网站流量追踪工具就是Google Analytics，以下将以其作范例设定教学。
5. 新增代码
当你已经决定好要追踪哪些消费者行为后，接下来的重点便是设定追踪码。首先，回到你的Google Tag Manager页面，在左上方的选单中点选「工作区」并点选「新增代码」。
6. 代码设定
为了不让此代码标签与往后其他追踪活动搞错，建议先在左上角为此代码标签取一个简单且直觉的名字，例如：网站浏览。接下来按下「代码设定」，并选择「通用Analytics（分析）」。
7. 输入追踪编号
接下来你便需要输入追踪编号，所谓的追踪编号就是像「UA-OXOXOX-YY」这样的字串，而你必须将这组字串加进追踪程式码，因此系统才能判断要将资料传送到哪个Google帐户。
第一组号码OXOXOX代表你的帐号，而YY则是与帐户连结的特定资源编号，其数字会从01、02、03等向上递增，例如你的电商网站的流量追踪资源编号是01，而你的电商部落格流量的资源追踪编号就会是02。此外，你也可以在JavaScript 追踪程式码片段的前几行看到完整字串。
要找到你的追踪编号，你必须先前往Google Analytics的帐号下，选取「管理员」，再从「帐户」选单中选取追踪帐号，并在「资源」栏位中按下「追踪资讯」，接着便可以找到「追踪编号」，将其复制并贴回Google Tag Manager中。
8. 选择追踪类型
一般来说，最常使用的追踪类型就是「浏览量」，并加入触发条件在「所有网页」上启用代码，因此你可以追踪最基本的网站流量。此外，你也可以利用变数的设定，来让特定事件发生时才启动代码标签，例如点击连结、点击文字、网页的导引流量、网页所在网域等等。
9. 设定触发条件
若是追踪基本电商网站流量，你的触发条件选单中仅会有一个选项，那就是「所有网页」。
若是较为复杂的追踪在电商网站上的消费者行为，你则必须设定相对应的触发条件。例如你要追踪消费者点击某个行动呼吁按钮，则在代码设定的部分，你就要选择追踪类型是「事件」，并且设定追踪的参数，诸如类型、动作、标签、值等等。
在触发条件部分，你则要选择相对应的触发类型，同时并设定在什么条件下标签代码会启动，例如当内文等于XXOO时，代码标签才会触发。此外，你也可以透过右边的加减符号新增或减少触发条件。
10. 启用代码标签
在设定都完成后，你要回到Google Tag Manager页面，按下右上角的「发布」，代码标签才会顺利启用。而你也可以在「正在修改」栏位中查看工作区的变动，有多少已修改、多少已新增与多少的已删除动作。
在代码标签发布前，你也可以按下发布右方的箭头，选取「预览与除错」来检视你的设定是否有错误。
启用预览模式后，你每次进入导入容器的网站，便会在浏览器底部看到侦错视窗，其列出启用状态和正在处理的资料等代码相关详情，因此可以很快速地察看当进入哪一个网页时，代码标签因为设定错误因而没有被启用。而这个侦错视窗只会在你的预览中出现，并不会对其他网站访客造成任何的影响。
另外，你也可以透过GA Checker来检查Google各项追踪工具的埋设，而GA Checker 主要侦测的项目包括：
- Google Analytics (ga.js)
- Google Analytics Remarketing (dc.js)
- Google Universal Analytics (analytics.js)
- Google Analytics Experiments (ga_exp.js)
- Google Tag Manager (gtm.js)
- Google AdWords Conversion (conversion.js)
- Google AdWords Phone Conversion (loader.js)
- Google AdWords Remarketing (conversion.js)
- Google AdWords Dynamic Remarketing (conversion.js)
- Google DoubleClick
若使用上述的Google行销工具，却不确定网页是否有成功启用追踪代码标签的话，只需要开启GA Checker 后输入检测网址，其便可以自动抓取网站内所有页面，更同时列出每一个页面网址被找到的代码类型。
若发现错误，可以进入Google Tag Manager，到相对应的标签代码或触发条件中进行修改。
最后，推荐一个非常好用的Chrome扩充工具，那就是Google Tag Assistant！
在尚未使用Google Tag Assistant前，要查追踪码的安装状态，除了使用浏览工具外，你的另一个选择便是按下右键，选取「检视原始码」，在透过Ctrl+F搜寻_gaq.push或ga.js，不过，现在透过Google Tag Assistant扩充工具，便可以根据颜色与数字，立即看出网页的标签设定有没有问题。点击扩充工具图示，即可显示该网页中含有多少标签、有多少错误以及建议修正讯息。
依据问题的严重性由小到大依序以蓝色、黄色、红色代表。
- 绿色标记+数字：追踪标签运作正常
- 蓝色标记+笑脸：网页上没有追踪标签或Tag Assistant尚未启动
- 蓝色标记+数字：追踪标签有点小问题
- 黄色标记+数字：追踪标签有问题
- 红色标记+数字：追踪标签有严重的问题
若过去深受管理标签的困扰，上述实用教学是否减少你管理标签代码的不便呢？
如果你还没开始使用Google Tag Manager，是否已经跃跃欲试想使用它来优化流量与带来转换呢Google Analytics几乎被公认是电商经营的好朋友，而如今认识Google Tag Manager这个新朋友，必定能为你的电商经营增加不少助力！
