数说传播 -H5版

产品介绍

H5已经成为移动营销的必备手段。传统的网站监测工具仅能统计到PV/UV/IP等基本流量信息,难以深入分析一个H5在传播过程中(尤其是微信平台中)的数据及营销价值。
“ 数说传播 H5监测”基于微信平台的JSSDK接口,通过在H5页面中植入监测代码,全面掌握一个H5活动传播效果:

   传播分析

PV、UV、IP、分享数、跳出率、停留时长、访问时间、分享去向、分享层级


   KOL&传播路径

KOL(头像、昵称、性别、地址、被分享数、带来PV、带来UV)、传播路径图


   渠道事件转化

渠道投放效果(PV、UV)、按钮点击监测(点击量、UV、渠道来源 HOT 、分享数)


   访客分析

访客画像HOT、APP分布、操作系统分布、手机品牌、网络类型、移动/PC分布、地区分布


请查看开放样例了解更多

名词解释

数据维度 说明
传播分析 浏览量/PV H5被访问的次数
访客数/UV 一天内访问H5的人数
IP 一天内访问H5的IP数
分享数 H5被分享的次数
跳出率 访客从指定页面离开H5的次数占访问指定页面的总次数的比例, 跳出率高意味着该指定页面的访客流失率高
停留时长 访客在H5停留的时长
访问时间 访客访问H5的时间
PV-微信内来源 统计PV是来源于微信的哪一部分
分享去向 访客将H5分享到微信的朋友圈或对话框
分享层级 一级分享:H5第一次被分享;二级分享:一级分享的H5再次被分享;以此类推。
KOL&传播路径 KOL被分享数 KOL所分享的H5被再次分享的次数(只计算一级分享)
KOL带来PV KOL所分享的H5被访问的次数
KOL带来UV KOL所分享的H5带来的访客数
渠道事件转化 渠道投放一级/总PV 媒介渠道带来的PV
一级传播PV:访客只通过渠道平台(如点击“阅读原文”)打开H5的次数
总传播PV:除了一级传播PV,还统计其余所有传播层级的PV
渠道投放一级/总UV 媒介渠道带来的UV
一级传播UV:只通过渠道平台(如点击“阅读原文”)打开H5得到的UV
总传播PV:除了一级传播UV,还统计其余所有传播层级的UV
渠道投放一级/总分享数 媒介渠道带来的分享数
一级传播分享数:只通过渠道平台(如点击“阅读原文”)打开H5后分享出去的次数
总传播分享数:除了一级传播分享数,还统计其余所有传播层级的分享数
按钮点击量 按钮被访客点击的次数
按钮点击UV 按钮一天内去除重复点开的次数
按钮点击渠道来源 HOT 不同渠道分别贡献的按钮点击量/UV/转化率
访客分析 访客画像 HOT 访问H5页面的访客属性
APP分布 通过PV统计访客打开H5所使用的APP分布
操作系统分布 通过PV统计访客打开H5所使用的移动操作系统分布
手机品牌 通过PV统计访客打开H5所使用的手机品牌分布
网络类型 通过PV统计访客打开H5所使用的网络类型
移动/PC分布 通过PV统计访客是在移动端还是PC端打开H5
地区分布 通过PV统计访客的地区分布情况

代码添加

监测维度与对应监测代码

基本监测代码(必选) 按钮监测代码(可选) 微信传播监测代码(可选) 微信用户监测代码(可选)
前置条件 拥有一个认证的微信服务号或订阅号
传播分析 PV、UV、IP、跳出率、停留时长、访问时间 分享数、分享去向、分享层级
KOL&传播路径 KOL(头像、昵称、性别、地址、被分享数、带来PV、带来UV)、传播路径图
渠道&事件转化 渠道投放效果(PV、UV) 按钮点击监测(点击量、UV、渠道来源HOT 渠道投放效果(分享数)
访客分析 操作系统分布、手机品牌、网络类型、移动/PC分布、地区分布、访客画像HOT APP分布

1. 基本监测代码(必选)

    <script id="DS_PRE_JS" type="text/javascript"
            src="https://cdn.datastory.com.cn/js/pre-ds-min.js?dsTid=TASK_ID">
    </script>
                            
  

请把这段代码加载其他所有script标签之前;

TASK_ID请登录 数说传播 H5监测 http://chuanbo.datastory.com.cn,创建任务后获取,替换。

检查代码正确添加,访问浏览器会发出如下请求

Request URL:http://tongji.datastory.com.cn/visit.gif?url=

2. 按钮监测代码(可选)

在添加基本监测代码的基础上,如果想监测H5页面中按钮点击效果,请添加如下代码:

    DS.ready(function(){
        DS.sendBtnName("ad_button");
    });
                            
  

所有 DS 对象的接口都必须在DS.ready(function(){ … })里面调用

检查代码正确添加,访问浏览器会发出如下请求

Request URL:http://tongji.datastory.com.cn/button.gif?url=

3. 微信传播监测代码(可选)

在添加基本监测代码的基础上,如果想监测H5在微信中传播的数据,请添加如下代码:

 3.1 H5页面接入微信JS-SDK:

 3.2 配置内容分享接口
wx.config({
    debug: true,
    appId: 'wxd337ea318e724ebb', // 必填,公众号的唯一标识
    timestamp: , // 必填,生成签名的时间戳
    nonceStr: '', // 必填,生成签名的随机串
    signature: '',// 必填,签名,见附录1
    jsApiList: [
       'onMenuShareTimeline',
        'onMenuShareAppMessage'
    ]
});
                            

监测需要配置JS-SDK中的分享接口 'onMenuShareTimeline'和'onMenuShareAppMessage'


 3.3 使用内容分享接口
   wx.ready(function () {
    DS.ready(function () {
        wx.onMenuShareAppMessage({
            title: share_title,
            desc: share_desc,
            link: DS.linkChange(share_link),
            imgUrl: share_img,
            success: function () {
                DS.sendRepost("appMessage");
                //other code
            }
        });
        wx.onMenuShareTimeline({
            title: share_desc,
            desc: share_desc,
            link: DS.linkChange(share_link),
            imgUrl: share_img,
            success: function () {
                DS.sendRepost("timeline");
                //other code
            }
        });
    });
});
                            

所有 DS 对象的接口都必须在DS.ready(function(){ … })里面调用

link参数用DS.linkChange进行包装

success函数内调用DS.sendRepost("appMessage")或DS.sendRepost("timeline")

share_link请按照以下提示填写:

//建议写法
 var share_link = "http://social.datastory.com.cn/mrankIndex";
 DS.linkChange(share_link);

//禁止写法:分享链接为中间跳转页面,例"微信授权跳转"
 var share_link = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_url=REDIRECT_URI
 &response_type=code&scope=Scope&STATE#wechat_redirect";
 DS.linkChange(share_link);

//不建议写法:分享链接为location.href
 var share_link = window.location.href;
 DS.linkChange(share_link);
                                 

检查:代码调用正确,浏览器发出如下请求

Request URL:http://tongji.datastory.com.cn/repost.gif?url=......

4. 微信用户监测代码(可选)

在添加基本监测代码和微信传播监测代码的基础上,如果想监测微信用户信息,请添加如下代码:

DS.ready(function(){
    DS.sendAuthUserInfo(userInfo, appid);
});
                            

所有 DS 对象的接口都必须在DS.ready(function(){ … })里面调用

apppid为H5页面的认证微信公众平台对应的appid

userInfo为微信用户授权接口返回的JSON数据包转换成的JSON对象,格式如下

{
   "openid":" OPENID",
   "nickname": NICKNAME,
   "sex":"1",
   "province":"PROVINCE"
   "city":"CITY",
   "country":"COUNTRY",
   "headimgurl":    "http://wx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/46",
	"privilege":[
	"PRIVILEGE1"
	"PRIVILEGE2"
    ],
    "unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"
}
                            

检查:代码正确调用,浏览器会发出如下请求

Request URL:http://tongji.datastory.com.cn/authInfo.gif?url=......

温馨提示

该产品即将上线,敬请期待!