本篇是说明Line LAP 广告追踪码的设定,是最最复杂、非常消耗脑力活的章节,建议先喝口水,休息吃一点巧克力补充能量再继续!
5.1 什么是LINE Tag广告追踪码
LINE Tag 是一种程式追踪码,把追踪码安装在网站里,就可以「记录」用户在这个网站上的行为,比如我们最常使用的完成购买、留下联络资料、商品放入购物车、浏览某特定页面、或完成特定事件等。而透过LINE Tag 所追踪到的网站行为还能够更进一步帮助我们进行广告成效分析,也就是,如果我们想要知道从广告点击进来网站的人有没有完成我的目标,如购买或注册,则我们可以根据这些目标的完成来计算广告对我们带来的成效价值。所以说,想解答「我的广告成效到底好不好?」这个问题,那最基本绝不能少了LINE Tag。
LINE Tag 能帮助到我们做到这些事:
1.广告再行销;
2.量广告成效;
5.2 安装基本程式码Base Code
进入LAP 广告帐号的后台后,点击广告管理员画面左上方的「≡」开启广告管理员导览列,于共享的资料库栏内点击「追踪(LINE Tag)」。
追踪(LINE Tag)画面后,找到基本程式码,点击「复制」,于网站的标头码(header code)中设置LINE Tag 的基本程式码,即于网站的…区段中设置基本程式码,或者使用代码管理工具设置基本程式码,LAP 系统就会开始记录访客进入到你网站时造访了哪些页面的行为。
我是用「Google 代码管理工具(GTM)」来设定LINE Tag 广告追踪码的基本程式码,不太熟悉的朋友没关系,我带着大家一步步操作。
点击以下连接直接进入Google 代码管理工具(GTM) 设定LINE Tag 广告追踪码吧。
如果之前都还没有建立过,那需要先新增帐户及容器,帐户及容器我都会命名网域名称,命名方式没有一定,只要方便自己或团队辨识即可。目标广告平台因为是网站所以选网路。
建立完就可以点击帐户底下的容器名称进入。
于代码功能中点击「新增」。
在代码设定点击中间处。
代码类型选择「自订HTML」。
将刚才在LAP 的追踪(LINE Tag)所复制的基本程式码贴进HTML 框中。
代码触发选项选择「每个网页一次」、触发条件选「All Pages」,接着再命名代码,都确认没问题后点击「保存」。
保存完就会自动跳回代码列表页,点击「提交」。
提交前可以备注此次修改版本名称及版本说明,点击「发布」。
发布前可以备注此次修改容器名称及说明,点击「继续」。
发布完成,会自动跳至「版本」页签,并贴心记录每次变更时的动作。
点击「工作区」的代码就可以看到刚才设定的LINE Tag 基本程式码了。
因为我是用「Google 代码管理工具(GTM)」来设定LINE Tag 广告追踪码,如果你跟我一样是用WordPress 架设网站的话,可以推荐你们使用Google 官方开发的免费外挂「Site Kit by Google」,就可以让WordPress 网站与Google 代码管理工具(GTM) 同步连接。
提醒在Site Kit by Google 外挂设定,要记得把Exclude from Analytics 的功能关掉,它的初始设定是打开,让所有登入WordPress 的工作人员不被记录进数据,不过因为我们下一步会检查广告追踪码是否有安装成功,所以这边关掉才能让LINE Tag Helper 成功检查到喔。
5.3 LINE Tag Helper 介绍
在LINE Tag Helper 能帮助到我们做到这些事:
确认LINE Tag 在网页里是否有正常。记录LINE Tag 运作时的问题,储存网页操作过程有触发LINE Tag 的记录。
安装LINE Tag Helper 前的步骤确认
①查看你的Chrome 浏览器是否为最新版的状态。②确认Chrome 浏览器介面语言设定为繁体中文。③确认浏览器没有设定为「封锁所有Cookie」。④不要使用无痕模式的浏览器。⑤不要开启阻挡广告的浏览器扩充功能。⑥如果使用WordPress 的Site Kit by Google 外挂,关掉Exclude from Analytics 功能。
开始安装LINE Tag Helper
点击以下连接直接进入chrome 线上应用程式商店下载LINE Tag Helper 吧。
前往LINE TAG HELPER 小工具
进入chrome 线上应用程式商店下载LINE Tag Helper 至Chrome 浏览器,点击「加到Chrome」。
点击「新增扩充功能」。
看到Chrome 跳出「已将「 LINE Tag Helper」加到Chrome」讯息表示已成功。
用LINE Tag Helper 检查广告追踪码
安装完成LINE Tag Helper 后,就可以用Chrome 浏览器开启你的网站,找到Chrome 浏览器扩充功能工具列的LINE Tag Helper,点击绿色LINE Tag Helper icon。
显示「绿灯」:表示成功。显示「红灯」:程式码未完整的贴上或程式码有被更动,建议直接使用「复制」程式码的方式,会降低人为错误的机会。显示「黄灯」:可能是自订事件的命名长度超过20 个字元或使用了不被允许的字元作为自订事件的名称。比如像是以我的经验,自订事件不能有空格,使用「Register for Free」状态是错误的,但最后接收处是有接收到事件,改成使用「RegisterforFree」状态就可使用了。
5.4 安装转换及自订事件代码
安装「转换代码」
安装完LINE Tag 广告追踪码的基本程式码Base Code 后,接着就是大家最关心的「我要怎么知道我花的广告费有没有达到我的目标?」,想要知道这个答案,那第一步就得安装「转换代码」或「自订事件代码」。
首先,我们先安装「转换代码」,以电商来举例,你会希望用户「完成购买」,所以你可以把转换代码设置在「结帐完成页」。以服务来举例,你会希望用户「填写表单」,所以你可以把转换代码设置在「资料送出感谢页」。大家可以依照自己的习惯设置程式码,而我就继续延用「Google 代码管理工具(GTM)」来设定LINE Tag 广告追踪码的转换代码,不太熟悉的朋友没关系,我带着大家一步步操作。
进入LAP 广告帐号的后台后,点击广告管理员画面左上方的「≡」开启广告管理员导览列,于共享的资料库栏内点击「追踪(LINE Tag)」。在基本程式码下就会看到「转换代码」,点击「复制」。
点击以下连接直接进入Google 代码管理工具(GTM) 设定LINE Tag 广告追踪码吧。
跟前面的添加Line基本程式码的步骤一样,于代码功能中点击「新建」。
在代码设定点击中间处。
代码类型选择「自订HTML」。
将刚才在LAP 的追踪(LINE Tag)所复制的转换代码贴进HTML 框中,并命名代码。
接着,点击HTML 框会出现「高级设置」。
小提醒:在设定步骤上,请务必记得「先」安装「基本程式码」后,再设定「转换代码」,两者的设定才可正常使用。
刚才有说明 以电商来举例,你会希望用户「完成购买」,所以你可以把转换代码设置在「结帐完成页」。以服务来举例,你会希望用户「填写表单」,所以你可以把转换代码设置在「支付后的感谢页」
所以那这边我们示范将转换代码设置在「支付后的感谢页」,在触发条件框点击中间处。
开启选择触发条件,点击右上角的加号「 + 」。
选择触发条件类型「网页浏览」。
进入触发条件设定,在这项触发条件的启动时机中选择「部分的网页浏览」,选择Page URL 包含order-received。因为我的感觉页是包含order-received,所以设置的这个。大家可以根据自己网站的情况,设置。比如你支付完成后,页面的链接是
确认没问题就点击「保存」。
保存完就会自动跳回代码列表页,点击「提交」。
提交前可以备注此次修改版本名称及版本说明,点击「发布」。
发布完成,会自动跳至「版本」页签,并贴心记录每次变更时的动作。
使用LINE Tag Helper 检查广告追踪码有转换代码Conversion 表示成功。
安装「自订事件代码」
自订事件代码是用在纪录浏览网页时会带来价值的某个特定行为。一般常见的事件如「按钮的点击」、「表单填写提交」、「网站内影音的播放」、「网页停留的时间」或是「网页的滚动深度」等。另外,就是由于网站或平台的限制,像是网页所有权不是自己的所以没办法在该网页设置广告程式码,或想要追踪的目标并不是网页等,造成我们无法在该网页中设定转换代码,这种不属于「单纯浏览页面」的行为,就需要将行为各自设定不同的「自订事件代码」。
大家可以依照自己的习惯设置自订事件代码,而我就继续延用「Google 代码管理工具(GTM)」来设定LINE Tag 广告追踪码的自订事件代码,不太熟悉的朋友没关系,我带着大家一步步操作。
进入LAP 广告帐号的后台后,点击广告管理员画面左上方的「≡」开启广告管理员导览列,于共享的资料库栏内点击「追踪(LINE Tag)」。在基本程式码下、转换代码隔壁就会看到「自订事件代码」,点击「复制」。
点击以下连接直接进入Google 代码管理工具(GTM) 设定LINE Tag 广告追踪码吧。
如何在GTM 新增内建变量?
于变量功能中点击「配置」
勾选一些常用的内建变数,如点击、表单的所有变数。
回Google 代码管理工具(GTM) 总览页,点击「提交」后,你刚才勾选的变数就会加入了。
如何在GTM 设定「自订事件代码」?
接着,于代码功能中点击「新建」。
在代码设定点击中间处。
代码类型选择「自订HTML」。
将刚才在LAP 的追踪(LINE Tag)所复制的自订事件代码贴进HTML 框中,并命名代码。
接着,点击HTML 框会出现「高级设置」。
小提醒:在设定步骤上,请务必记得「先」安装「基本程式码」后,再设定「自订事件代码」,两者的设定才可正常使用。
刚才有说明 一般常见的事件如「按钮的点击」、「表单提交」、「网站内影音的播放」、「网页停留的时间」或是「网页的滚动深度」等。另外,就是由于网站或平台的限制,像是网页所有权不是自己的所以没办法在该网页设置广告程式码,或想要追踪的目标并不是网页等,造成我们无法在该网页中设定转换代码,这种不属于「单纯浏览页面」的行为,就需要将行为各自设定不同的「自订事件代码」。
那这边我们示范将自订事件代码设置在「表单提交」(添加到购物车),在触发条件框点击中间处。
开启选择触发条件,点击右上角的加号「 + 」。
在触发条件设定框点击中间处,选择触发条件类型「表单提交」。
进入触发条件设定,在这项触发条件的启动时机中选择「部分表单」,选择Form Classes 包含“variations_form cart”。
请注意:别复制我上面的代码(variations_form cart);
因为每个网站都不一样,所以代码是不一样的,你需要填写什么代码,请看下面的方式去获取。
如何在GTM 设定表单提交的触发事件?
进入你想设置自订事件代码的网页,找到想设置自订事件代码的网站位置,我是要设置在表单提交,所以我在表单提交上点击右键「检查」。
开启Chrome 开发人员工具检查代码的语法栏,该事件位置的程式码,我是要设置在表单提交,所以我找到form相关的所有属性,而我想使用class的属性,双击class的属性内容就能复制这段代码,就可以在Google 代码管理工具(GTM) 中的表单提交触发事件中使用。
大家可以依需求设置在你想触发的事件上,并命名触发条件后点击「保存」。
回到Line addcart 的代码设置中,确认没问题就点击「保存」。
保存完就会自动跳回代码列表页,点击「提交」再「发布」。
使用LINE Tag Helper 检查广告追踪码有自订事件代码addcart表示成功。检查方法是要完整执行这个事件一次,比如我是提交表单,那我就要把表单填写完并提交,再来看LINE Tag Helper 是否有我设定的自订事件代码addcart。那如果马上去检查没有出现,确认步骤都没问题,就再等一下约10-30分钟后再检查一次。
这样,我们的Line 追踪代码就都安装完毕了。接下来看其他的,回到Line Lap转化后台。
使用第一方Cookie/localStorage
勾选追踪(LINE Tag)中追踪方式的「使用第一方Cookie / localStorage」,可提高LINE Tag 追踪功能的准确度。
5.5 LINE Tag 后台
当你把LINE Tag 广告追踪码的基本程式码Base Code、转换代码和自订事件代码安装在对应的网页位置里,并设定正确的触发方式后,在LAP 后台的追踪(LINE Tag)列表即可看见基本程式码Base Code、转换代码和自订事件代码,并且会显示其状态及最后接收到资料的时间(可惜的是目前自订事件项目是不能删除的,所以要小心设定!)。
5.6 共享LINE Tag
如果你想共用LINE Tag,则可开启「共享广告帐号的LINE Tag」,即可将设定好的「LINE Tag 广告追踪码」共享给此LAP 广告帐号所设定的LINE 官方帐号,以及其他使用该LINE 官方帐号的广告帐号,并会显示共享来源及共享日期。
最后,为了鼓励小编呕心沥血的大作,在下方留言让我知道你的学习心得,或是如果有什么问题想问都欢迎在下方留言或咨询(V:locas1997)。谢谢!!
请为看完整篇文章的自己点个赞!!!
- END -