抖音资讯

douyinzx

快手短视频广告:H5转化监测代码文档《01》

iseeyu2年前 (2024-04-08)抖音资讯118

一、转化监测代码安装

转化监测代码分为两部分,基础代码复制并粘贴到网址代码的<head>和</head>之间,转化代码添加到相应的目标上。

基础代码:

<script type="text/javascript">


        (function (root) {


            var ksscript = document.createElement('script'); ksscript.type = 'text/javascript'; ksscript.async = true;


            ksscript.src = 'https://static.yximgs.com/udata/pkg/ks-ad-trace-sdk/ks-trace.0.0.8.beta.js';


            ksscript.onerror = function () {


                var request = new XMLHttpRequest();


                var cb = (function(t){var e=new RegExp("(^|&)"+t+"=([^&|#]*)(&|#|$)"),n=window.location.href.indexOf('?')>-1?window.location.href.split('?')[1].match(e):null;return null!=n?decodeURIComponent(n[2]):null}('callback'));


                var url = 'https://e.kuaishou.com/rest/log/activate?jsEventType=3&callback=' + cb + '&eventType=4&eventTime=' + Date.now();


                request.open('GET', url, true);


                request.send(null);


            }


            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ksscript, s);


        })(window);


</script>


转化方式分为以下两种,二选一即可:

1)HTML方式 —— 用户点击某个组件一次就发送一次

转化代码(注意,data-ks-event仅支持click1、click2、click3):


<button type="submit" data-ks-click data-ks-event="click3">提交</button>


2)JS方式 —— 某一事件成功了才会统计,比如申请信用卡,表单提交成功后才发送log,而不是每点击提交按钮一次就发送。

转化代码(注意,event参数为必选参数,参数值仅支持click1、click2、click3;cb参数为可选参数,可以在统计成功后执行回调函数):


_ks_trace.push({ event: 'click3', cb: function(){

console.log('Your callback function here!')

}});


注意,转化代码不能使用在<iframe></iframe>中,否则会无法统计数据。


二、示例


1)    HTML 代码安装:

首先将基础代码复制,添加到您所需转化页面代码的<head>和</head>之间。然后添加转化代码,如:



上图红框代码不一定必须使用<button>,只要你的 Dom 节点中有这些属性就可以了,如:



效果(编写 CSS 后):每当用户点击一次“提交”就统计一次。(注意: 这种方式不能确保表单提交后统计转化,如果预期表单提交后统计转化,请使用 JS 方式添加代码。



2)    JS 代码安装:

首先将基础代码复制,添加到您所需转化页面代码的<head>和</head>之间。然后将转化代码复制到JS 触发事件相关函数中,如:



 【备注】

1.建议使用JS方式,以便确保统计到有效的转化数据;

2.两种代码中的参数值“click1/click2/click3”,建议优先使用“click3”,这样收集到的数据可呈现在投放报表中,“click1/click2”对应的转化数据,快手可正常收集,但目前不呈现在报表中。


三、自助校验


代码安装完成后,可通过以下两种方式进行测试校验,任意一种测试通过即可。建议广告主技术部署代码后直接进行线下校验.


1.线下校验

线下校验是指不经过快手投放系统,直接访问投放落地页进行代码检查校验。

具体步骤如下:

a.    检查快手JS SDK的.js文件是否加载,确认加载后,进行步骤b,否则SDK安装有误;

b.    在投放落地页链接上拼接callback参数,值为123即可(如遇到参数名冲突,请联系快手或使用线上校验方案),浏览器访问拼接后的URL,根据实际转化流程进行操作,完成转化时,是否有一个包含https://e.kuaishou.com/rest/log/activate?jsEventType=12 的请求发出,如果有,则安装正确,否则转化代码未被触发,可排查触发条件是否有误等。


2.线上校验

线上校验是指在快手投放平台开启小量投放进行测试,观察报表是否有统计到转化数据。账户开启投放后,可以使用后台体验功能自助进行线上广告全流程体验,完成转化操作后,如在后台报表看到转化数据,则说明代码安装成功。


 需要注意:

1. 线上投放的落地页链接,不能携带callback参数,否则会影响JS转化数据统计,如有冲突,请联系快手;

2. JS代码须部署在广告投放落地页,如需部署在跳转页面等,请联系快手;

3. 广告投放的落地页URL,访问时如有跳转行为,会影响代码触发及上报,如有需求,请联系快手。


四、Q&A


对接中若遇到问题,可查看Q&A文档,文档中包含了对接注意事项、数据差异原因、报表数据查看等内容,可帮助广告主快速定位并解决问题。



扫描二维码推送至手机访问。

版权声明:本文由西安泽虎代运营发布,如需转载请注明出处。

转载请注明出处https://www.0291.com.cn/post/60961.html

相关文章

抖音商品橱窗能赚多少钱?抖音商品橱窗赚钱前

抖音商品橱窗能赚多少钱?抖音商品橱窗赚钱前

抖音商品橱窗能赚多少钱?抖音商品橱窗赚钱前景介绍 抖音商品橱窗能赚多少钱? 抖音商品窗口能赚多少钱取决于你的操作能力,如果你有更多的粉丝和操作,那么你自然会赚更多! 抖音商品橱窗如何带货赚钱? 人才打开商品窗口功能后,可以添加与视频内容相关的商品进行带...

快手广告举办双11商家大会,180亿流量+20亿补贴红利

快手广告举办双11商家大会,180亿流量+20亿补贴红利

双11作为电商平台全年最重要的营销节点之一,向来是商家营销“必争之地”。9月15日,2023快手广告双11商家大会成功举办,会上,快手广告面向商家、主播和用户正式发布今年双11大促的活动节奏、扶持政策、营销玩法等关键信息,帮助平台商家和主播更充分、更精准地备战大促经营,实现双11生意爆发。 快...

抖音怎么做垂直定位?抖音布局,抖音运营策略

抖音怎么做垂直定位?抖音布局,抖音运营策略

    以抖音新号为起点,无论是个人号.还是企业号,首先我们要找出原版号,自己拍摄制作视频,不要搬运,这是最基本的条件,接下来就是要做好帐号定位。       帐号位置直接决定我们的上粉速度.变现方式.赚多少.赚钱的难度....

为什么抖音的视频计划收入这么少?提高中视频

为什么抖音的视频计划收入这么少?提高中视频

为什么抖音的视频计划收入这么少?提高中视频收入的方法 为什么抖音中的视频计划收入这么少? 1.视频内容不新颖,很少有人观看,没有流量; 2.没有把握好流量机制,不推广视频。 中视频计划怎样才能赚得更多? 1.蹭热点 自媒体培训...

剪映怎么去抖音水印视频(剪映上传到抖音去掉水印的方法)

剪映怎么去抖音水印视频(剪映上传到抖音去掉水印的方法)

冰冻三尺非一日之寒,感谢每天学习的自己,也感谢还在学习技能中的你! 相信大家拍视频都后大多数有后期处理的需求,今天来介绍下水印如何去除 效果展示   去掉水印   去掉水印操作步骤 步骤01:添加视频素材到视频轨道中  ...

周鸿祎:360广告也是国家队 | 独家专访!

周鸿祎:360广告也是国家队 | 独家专访!

近日,360董事长周鸿祎接受了《中国企业家》(CE)记者的独家专访,畅谈股价起落、IoT浪潮、公司定位、人才战略,以及创业以来至为刻骨铭心的错误与错过。以下为访谈节选。 “跟国家利益保持一致” CE:姚劲波说,一个创业者如果不经历一次经济周期,可能他的思维方式就不会特别全面。今天过来采访你之...

现在,非常期待与您的又一次邂逅

我们努力让每一部企业宣传片和抖音短视频成为商业大片