跳到主要内容

落地页 H5-JS 接入文档


1. 版本历史

版本日期备注
1.02024-10-09初版

2. 综述

1、页面转化是 H5 落地页广告主衡量转化效果的一些重要指标。 2、为满足章鱼移动广告主对广告效果的监测需求,本文档介绍如何从广告主落地页的转化上报回传给章鱼移动广告平台,帮助广告主跟踪转化效果。 3、回调方案适用于 H5 或其他 WEB 页面

2.1 基本流程

1、章鱼移动广告平台把上报事件相关参数追加到广告主落地页 URL后面。 2、用户完成转化(下载、激活、注册、转化等)后,落地页主动触发上报事件。 3、上报成功,页面监测结束

3. 代码及示例

代码:

<script type="text/javascript">
(function() {
var octm = document.createElement("script");
var h = (("https:" == document.location.protocol) ? "https://" : "http://");
octm.src = h+"oss.cdn.adintl.cn/h5-stat.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(octm, s);
})();
</script>
  • 此代码同时适用于 PC 端、移动端的页面,以异步加载形式进行加载,数据更准确、加载速度更快。请将此代码复制并粘贴到您要跟踪的网页中。

代码安装说明

  1. 请将代码添加到网站全部页面的</head>标签前。
  2. 建议在header.html类似的页头模板页面中安装,以达到一处安装,全站皆有的效果。
  3. 如需在 JS 文件中调用统计分析代码,请直接去掉以下代码首尾的,<script type="text/javascript"></script>后,放入 JS 文件中即可。
  4. 当用户点击提交,数据校验通过后调用 js 代码: _octopus.send(); 示例:
    $('#submit').on('click', function () {
    _octopus.send();
    });
  5. 目前支持 4 种转化节点的上报(请联系客户运营确认需要对接的转化节点):
    1. 下载 _octopus.downLoad(); 用户点击下载时
    2. 激活 _octopus.active(); 用户打开 APP 时
    3. 注册 _octopus.register(); 用户完成注册时
    4. 转化 _octopus.send(); 用户完成转化动作时
  6. 代码检测代码安装完成后,您可以使用 JS 代码自助校验工具检测代码安装情况,或者手动在页面 URL 后面追加 octid=TEST 参数进行代码安装检测