Microsoft Word - 芒果dsp-JS布码上报数据.docx

Size: px

Start display at page:

Download "Microsoft Word - 芒果dsp-JS布码上报数据.docx"

栾戎庞
3 years ago
Views:

1 芒果 TV JS 布码上报数据文档

2 目录一适用场景... 3 二新建 js 转化... 3 三安装代码... 3 四代码安装示例... 4 五代码监测六新建投放七常见问题

一适用场景广告主投放自有落地页, 通过在落地页内添加芒果 TV 的 JS 代码来追踪页面内的转化事件采用该方式追踪时, 您需要在落地页中添加芒果 TV 提供的 JS 代码, 代码检测无误后, 即可上报转化事件, 追踪落地页转化效果推荐使用场景 : 用户转化行为是在广告主自有的落地页完成二新建 js 转化在芒果启明后台找到数据 -JS 布码转化跟踪, 填写转化名称, 选择转化目标,

3 一适用场景广告主投放自有落地页, 通过在落地页内添加芒果 TV 的 JS 代码来追踪页面内的转化事件采用该方式追踪时, 您需要在落地页中添加芒果 TV 提供的 JS 代码, 代码检测无误后, 即可上报转化事件, 追踪落地页转化效果推荐使用场景 : 用户转化行为是在广告主自有的落地页完成二新建 js 转化在芒果启明后台找到数据 -JS 布码转化跟踪, 填写转化名称, 选择转化目标, 然后再提交具体操作如下图所示 : 三安装代码新建 js 布码后, 平台会给出您需要添加在落地页上的代码代码分为两部分 : 基础代码 : 添加在您落地页的 <head> 与 </head> 之间, 用于收集与上报转化行为注意 : 所有需要上报转化的页面中都需要添加基础代码转化代码 : 添加在用户触发转化行为之后例如您将某个点击按钮定义为转化行为, 那么用户在点击该按钮后, 通过执行转化代码来通知基础代码, 基础代码收到通知后记录本次转化行为, 发送给芒果 TV 启明, 记录为一个转化代码分为两部分 : 1. 基础代码 :

4 添加在您落地页的 <head> 与 </head> 之间, 用于收集与上报转化行行为注意 1: 所有需要上报转化的页面中都需要添加基础代码, 否则会造成转化上报失败 2. 转化代码 : 在广告主的代码中, 添加在用户触发转化行为之后例如广告主将某个点击按钮定义为转化行为, 那么就把转化代码添加在点击按钮的位置用户实际访问页面时, 点击该按钮就会触发转化代码, 转化代码会通知基础代码, 基础代码收到通知后记录本次转化行为, 发送给芒果 TV 启明, 记录为一个转化注意 1:convert_id 值为动态生成的值, 且每次新建转化生成都不一样, 每个落地页需要配置对应的正确的转化代码注意 2: 同一个页面在多条广告计划中用于投放时, 可以只创建一个转化跟踪, 芒果 TV 启明可以区分出转化来自哪一个广告投放注意 3: 上图中红框圈出的部分分别对应所选转化目标对应的事件名称 ( 例如电话拨打对应 phone, 表单提交对应 form), 和当前转化的转化 ID(convert_id), 页面添加转化代码时, 这两个地方填写错误会导致转化上报失败同一个页面可以添加多个转化代码, 需要注意把所需的事件名称和转化 ID 都填写正确四代码安装示例表单提交 <tite> 转化跟踪 </tite>   <script> (function() { var mga = document.createeement("script");mga.src = "//tb.mgtv.com/sdk/mg a/stats.js"; mga.setattribute("cid", "914"); var s = document.geteementsbytagname("script") [0]; s.parentnode.insertbefore(mga, s);)(); </script>  <form> 姓名 :<input type="text" name="" pacehoder=" 请输入姓名 " id="uname">

5 地址 :<input type="password" pacehoder=" 请输入地址 " id="address"> <input type="button" vaue=" 提交表单 " id="btn"> </form> <script type="text/javascript"> window.onoad = function () { var btn = document.geteementbyid("btn"); var uname = document.geteementbyid("uname"); var address = document.geteementbyid("address"); // 点击提交表单按钮 btn.addeventlistener("cick", function () { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readystate == 4 && xhr.status == 200) { var data = JSON.parse(xhr.responseText); // 判断表单正确提交成功后执行转化代码 if (data.status == "success") { aert(" 表单提交成功 "); // 安装转化代码 ") MgaH5.track("form",{convert_id: "ec65a5fa99f1c081f7dc45bd05e5f122 e + "", true); xhr.open("get", "path/to/fie" + uname.vaue + "&address=" + address.vau xhr.send(); ) </script> 微信复制 <tite></tite> <script type="text/javascript" src=" n.js"></script>  <! Mgtv Tracking --> <script> (function() { var mga = document.createeement("script"); mga.src = "//tb.mgtv.com/sdk/m ga/stats.js"; mga.setattribute("cid", "914"); var s = document.geteementsbytagname("script") [0]; s.parentnode.insertbefore(mga, s);)(); </script>

6 <div> <span> 请长按复制 </span>  <span cass="wei_xin">jk83123</span> <span cass="wei_xin">jk83123</span> <span cass="wei_xin">jk83123</span> </div> <script type="text/javascript"> // jquery 方式 : $(".wei_xin").bind('copy', function(e) { aert(" 复制成功 "); // 复制成功后执行转化代码 MgaH5.track("wechat",{convert_id: "ec65a5fa99f1c081f7dc45bd05e5f122") ); /** js 方式 var weixin = document.geteementsbycassname("wei_xin"); var en = weixin.ength; for (var i = 0;i < en;i++) { weixin[i].i = i; weixin[i].addeventlistener("copy", function() { aert(this.i + " 复制成功 "); // 复制成功后安装转化代码 meteor.track("wechat", { convert_id: " " ) ); */ </script> 五代码检测安装完代码后, 您可通过检测转化上报功能来判断是否正确安装

7 检测转化上报可在安装代码后检测, 建议您在 5 分钟内完成检测, 超时需重新开始基础代码添加不正确的常见原因 1 代码添加位置不正确, 未加在 <head> 与 </head> 之间, 需调整代码 2 未完全参照所提供的基础代码, 存在书写错误, 需检查代码内容 3 页面代码存在报错, 影响基础代码的加载, 需要修复报错问题 4 账号 cid 不符, 请务必填写正确转化代码添加不正确的常见原因 1. 转化 ID(convert_id) 不符 : 例如您上报的转化 ID 为 12345, 但正确的转化 ID 为 67890, 需修改代码, 上报正确的转化 ID 2. 转化事件 (event_type) 不符 : 例如您上报的转化事件为 button, 但选定转化目标为 phone, 需修改代码, 上报正确的转化事件

8 码 3. 页面存在跳转, 跳转后的页面未正确安装基础代码, 需要在每个上报转化的页面上都添加基础代 4. 转化代码未放置在转化执行的位置, 代码未生效或生效时机有误, 需修改代码 ( 技术人员可在添加转化代码的位置加埋点, 确认发生转化行为时, 代码是否正确执行到此处 ) 5. 基础代码的生效时机晚于转化代码, 需修改代码如广告主修改代码需要重新进行联调六新建投放在芒果启明后台找到广告 - 新建广告 - 选择广告系列, 填写落地页地址 ( 落地页地址就是 JS 布码检测网页 ), 选择开启 JS 转化, 具体操作如下图所示 : 七常见问题 Q1. 数据 gap 广告投放平台转化数比广告主统计的转化数多一般是广告主转化代码埋点位置不对或者广告主统计的与芒果 TV 启明统计的口径不一致例 : 1. 广告主把成功提交表单作为一次转化并统计, 而转化代码却埋点在提交按钮的点击上, 所以芒果启明统计的是埋点的位置也就是提交按钮点击的转化数, 与广告主统计的表单提交数不一致此类情况, 是广告主埋转化代码的位置不对造成, 可在添加转化代码的位置加埋点, 以便查找转化上报与转化统计不一致的原因

9 2. 选择微信复制作为转化目标的广告主, 经常用微信号的复制数与实际加粉数做对比首先广告主如果埋点在微信号的复制上, 那就应该用他们收集的复制数据来和广告投放平台的数据做对比, 而不是实际的加粉数, 实际的加粉数和复制的数量是两个概念, 不能对比 3. 广告主突然转化数突增爆量导致转化率高消耗很高, 一般是因为广告主修改了页面, 造成转化突然增长 Q2. 数据 gap 广告投放平台转化数比广告主统计的转化数少或不稳定( 有时正常有时数量少 ) 一般是广告主统计的与芒果 TV 启明统计的口径不一致例 : 1. 广告主的统计的口径是所有来源 ( 包括浏览器或其他平台 ) 的转化数, 没有区分是否是来自广告投放平台的转化数我们统计的是在投放 app 内产生的转化 Q3: 联调问题为什么在检测转化上报过程中显示代码安装有误, 但实际投放时转化数据没有问题? 检测转化上报功能是为了帮助检测代码安装情况, 但是可能会因为页面结构和设置问题, 导致无法正常检测如果实际投放时转化数据没有问题, 可跳过检测过程

1 1 大概思路创建 WebAPI 创建 CrossMainController 并编写 Nuget 安装 microsoft.aspnet.webapi.cors 跨域设置路由编写 Jquery EasyUI 界面运行效果 2 创建 WebAPI 创建 WebAPI, 新建 -> 项目 ->

1 1 大概思路创建 WebAPI 创建 CrossMainController 并编写 Nuget 安装 microsoft.aspnet.webapi.cors 跨域设置路由编写 Jquery EasyUI 界面运行效果 2 创建 WebAPI 创建 WebAPI, 新建 -> 项目 -> 目录 1 大概思路... 1 2 创建 WebAPI... 1 3 创建 CrossMainController 并编写... 1 4 Nuget 安装 microsoft.aspnet.webapi.cors... 4 5 跨域设置路由... 4 6 编写 Jquery EasyUI 界面... 5 7 运行效果... 7 8 总结... 7 1 1 大概思路创建 WebAPI 创建 CrossMainController