很多独立站卖家们,出于网站多渠道统计代码的方便管理,可能会采取安装Google Tag Manager(后续简称GTM)的方式安装。采用GTM方式安装,会让网站管理人员更加方便统一管理各个渠道的代码,甚至复用一些相同的代码,在熟悉GTM之后,你可能会觉得GTM是一种非常高效方便的网站代码管理的容器技术。
GTM部署UET代码思路:
- 全局网页(事件页面后续排除)安装使用UET Tag ID的方式安装基础代码(Base Code)——GTM中有Bing的通用事件代码模板,只需要填入Tag ID即可实现代码全局安装;
English Version: Add the base code to all your website pages except conversation page.- 事件(加购、填写支付信息、支付成功等)页面需要安装额外的统计代码——使用触发器的方式实现;
English Version: Add the tag to your conversion page- 最后使用UET TAG HELPER插件检测代码是否安装成功
一、GTM安装Bing Ads UET通用事件代码
-
创建并登录Google Tag Manager后台:
-
创建容器(Container);
-
使用Bing Ads UET模板创建代码(Tag):事件类型选择网页加载
(Page Load)
`,触发条件(Trigger)选择
`All Pages
以上几个步骤即已在网站所有页面安装好了基础代码(Base Code)
二、添加代码,完善统计订单跟踪代码
上面已经完成了全局网站代码的安装,那么接下来需要在特殊的事件页面使用触发器,额外增加一些诸如金额等数据的统计,那么首先,咱们需要理解一下触发器(Trigger)的含义【Click Here】。通俗理解,在GTM中,代码会根据事件触发,例如何时提交表单或何时统计购买事件和购买金额。触发器用于侦听这些事件,它们控制何时触发或阻止标签。
上面已经全局安装的基础代码,但是在加购页面、购买页面、支付成功页面等事件页面,此时就需要新建一些针对这些事件的触发器,以达成用户在商品详情页面点击加购按钮之后,代码能统计到该事件。顺着这个思路,需要先分别创建一些触发器,比如加购的Trigger、购买页面的Trigger、支付成功的Trigger等。
2.1 新建事件触发器
2.1.1 点击到加购的触发器——统计加购事件:
解释:用户点击网站上任何元素作为前提,只要用户点击了addtocart_button,就会触发这个加购事件的统计,具体设置如下:
Notice:Click ID/Page UR等,尤其是加购页面或购物成功页面的URL特征,需要根据不同的建站方式,调整成正确的URL字段
2.1.2 支付(购买)成功的触发器——统计购买事件
解释:用户在网页浏览过程中,如果访问的url中有
字段,就触发该转化事件 /cart/success
Notice:PageURL,尤其是购物成功页面的URL特征,需要根据不同的建站方式,调整成正确的URL字段
2.1.3 设置inquiry触发器
解释:针对网站搜索,即url中包含product_inquiry,且点击了inquiry_botton,就会触发该事件。
Notice:Click ID/PageURL,尤其是购物成功页面的URL特征,需要根据不同的建站方式,调整成正确的URL字段
2.2 全局基础代码优化,排除统计购买页面
前面安装的全局代码是针对网站所有页面安装的,这个时候咱们需要排除购买页面和加购页面。设置如下:
在全局代码中设置例外条件,加购页面和购物成功页面需要排除
2.3 新建统计订单金额的代码
2.3.1 新建转化金额统计代码
针对订单转化事件,新建统计代码:事件类型选择可变收入(
,触发条件(Trigger)设置为上面建立好的统计购买支付成功的事件触发器。上面这些设置的含义是:在转化事件时,针对不同的订单统计不同的Revenue转化金额。Variable Revenue
`),事件参数下面的目标价值手动填写
`{{Purchase Revenue JS}}
Tips:
- 在Goal Value中输入”{{“,然后在弹出的下拉框中选择对应的JS变量,若没有对应的JS变量,选择新建。
- 不用渠道可以使用同样的JS函数抓取订单金额,因此建议使用Google或者Facebook中已经在使用的函数参数。
- 新建的变量类型选择JavaScript Variable类型,命名变量名称,注意这个名称就是传导给UET Tag中“gv”参数的数值
- 若需要统计货币种类使之转化成美金金额,需要建立对应的JS变量。
Last but not Least! 所有操作记得保存。最后,发布通用事件代码和转化跟踪代码。Well Done!
三、安装事件代码
3.1 确认是否已有内嵌变量
点击变量(variables)→配置(configure)→寻找click并对下属的几个元素并打钩。若已在GTM中对内嵌变量进行过设置则可忽略此步骤。
3.2 新建Inquiry代码
3.2.1 新建Tags
-
新建Tags,选择Bing Ads Universal Event Tracking,填写对应的UET Tag ID, event type选择custom。
-
填写category, action,label对应的数值,如需跟踪variable revenue,在goal value选择已有的JS函数或新建(参考订单金额跟踪设置)
-
设置触发条件,选择上面设置好的Inquiry 事件的Trigger。
-
所有设置好之后,别忘记了保存并发布
3.2.3 最后保存并发布代码
四、账户后台设置转化目标与代码生效检测
4.1 Conversion Goal Setting on Bing Ads Account
在账户后台设置Conversion Goal,入口为:Conversion Tracking >>> Conversion Goal >>> Create Conversion Goals。
具体设置:
- 跟踪转化的操作类型,选择Event;
- Custom Event:Action Equails to Purchase
- Goal Category:Purchase
- Revenue Value:Conversion action value may vary (for example, by purchase price)
- Count:Unique
- Include in "Conversions":Yes
Last but not Least: Don’t forget to click "Save"别忘记保存了!
4.2 使用Chrome浏览器下UET Tag Assitant/Helper插件检测
4.2.1 UET Tag Assitant/Helper下载与安装
4.2.2 检测图
如果使用UET Tag Assitant/Helper检测图看起来和上面一样,就说明代码基本安装成功了(基础代码已经确认OK,但是统计加购购买等数据,还需要等实际投放测试之后看广告后台是否有记录到数据,如果网站后台有订单数据,但是广告账户后台没有,就需要反过来检查咱们上面设置的统计加购、购买等的Trigger设置过程中的ID和URL是否正确。)
Jackeroo的个人独立博客 | Working | Life | Interests » 使用GTM方式安装Microsoft Bing UET Tag—通用版教程By Jackeroo