找回密码
 立即注册

QQ登录

只需一步,快速开始

[工具插件] 让你的微信小程序支持谷歌统计(Google Analytics)

[复制链接]
查看: 1581|回复: 3
最佳答案
0 

2

主题

3

帖子

84

积分

新人求带

积分
84
 楼主| 发表于 2017-2-7 20:47:58 | 显示全部楼层 |阅读模式
Google Analytics SDK for Wechat's Mini Program

完整实现了 Measurement Protocol,并且API接口和 Google Analytics for Android 保持高度一致。

快速入门

1. Google Analytics 设置

在账号下新建媒体资源,跟踪内容选 移动应用 ,跟踪方法选 Google Analytics(分析)服务 SDK, 最后得到 跟踪ID (Tracking ID)

2. 在你的微信小程序项目添加 ga.js 文件

3. 在微信小程序后台设置request合法域名

www.google-analytics.com 添加到request合法域名中。
提醒: 合法域名每个月只能设置3次。如果只是本地开发测试,可以先不用设置,只要把开发工具里面开发环境不校验请求域名以及 TLS 版本勾选一下,等递交审核前再去设置合法域名

4. 框架 app.js 中修改
  1. var ga = require('path/to/ga.js');
  2. var GoogleAnalytics = ga.GoogleAnalytics;
  3. App({
  4.     // ...
  5.     tracker: null,
  6.     getTracker: function () {
  7.         if (!this.tracker) {
  8.             // 初始化GoogleAnalytics Tracker
  9.             this.tracker = GoogleAnalytics.getInstance(this)
  10.                             .setAppName('小程序名称')
  11.                             .setAppVersion('小程序版本号')
  12.                             .newTracker('UA-XXXXXX-X'); //用你的 Tracking ID 代替
  13.         }
  14.         return this.tracker;
  15.     },
  16.     // ...
  17. })
复制代码

5. 找个Page来尝试一下简单的ScreenView统计
  1. var ga = require('path/to/ga.js');
  2. var HitBuilders = ga.HitBuilders;
  3. Page({
  4.     // ...

  5.     // 一般在onShow()里处理ScreenView
  6.     onShow: function(){
  7.         // 获取那个Tracker实例
  8.         var t = getApp().getTracker();
  9.         t.setScreenName('这是我的首屏页');
  10.         t.send(new HitBuilders.ScreenViewBuilder().build());
  11.     },
  12.     // ...
  13. })
复制代码

6. 去谷歌统计后台看一下 实时 > 概览

一切正常的话,几秒钟后就能看到数据了。

代码示例

跟踪器 Tracker

跟踪器用来收集数据并发送给谷歌统计服务器。跟踪器跟谷歌统计的媒体资源相对应,你可以创建多个跟踪器分别对应不同的媒体资源。
  1. var ga = require('path/to/ga.js');
  2. var GoogleAnalytics = ga.GoogleAnalytics;

  3. var app = getApp(); //获取微信小程序的App实例

  4. // 初始化GoogleAnalytics
  5. var gaInstance = GoogleAnalytics.getInstance(app);
  6. gaInstance.setAppName('小程序名称'); // 设置APP名称
  7. gaInstance.setAppVersion('小程序版本号'); //设置APP版本号,[可选]

  8. // 创建一个跟踪器 Tracker
  9. var tracker = gaInstance.newTracker('UA-XXXXXX-X'); // 参数是谷歌统计媒体资源中的 跟踪ID (Tracking ID)
复制代码

多数情况下我们只需要用一个跟踪器,因此建议在 app.js 中全局共享一个跟踪器:
  1. // app.js
  2. var ga = require('path/to/ga.js');
  3. var GoogleAnalytics = ga.GoogleAnalytics;
  4. App({
  5.     // ...
  6.     tracker: null,
  7.     getTracker: function () {
  8.         if (!this.tracker) {
  9.             // 初始化GoogleAnalytics Tracker
  10.             this.tracker = GoogleAnalytics.getInstance(this)
  11.                             .setAppName('小程序名称')
  12.                             .setAppVersion('小程序版本号')
  13.                             .newTracker('UA-XXXXXX-X');
  14.         }
  15.         return this.tracker;
  16.     },
  17.     // ...
  18. })
复制代码

跟踪器的使用(一般在Page逻辑中)
  1. // /pages/index/index.js

  2. Page({
  3.     // ...
  4.     onShow: function(){

  5.         // 获取全局跟踪器
  6.         var t = getApp().getTracker();

  7.         // 后续的所有匹配数据都会使用这个屏幕名称。
  8.         t.setScreenName('这是首页');

  9.         // t.send(Hit) 上报数据
  10.     },
  11.     // ...
  12. })
复制代码


匹配构建 HitBuilder

用来构建一次匹配所需要的所有参数,HitBuilder 提供了所有匹配类型都需要的一些公共方法。

一般不需要直接使用 HitBuilder , 请根据实际匹配类型使用下面的 ScreenViewBuilder, EventBuilder, ExceptionBuilder, TimingBuilder

屏幕 ScreenView

屏幕表示用户在您的小程序内查看的内容。
  1. var ga = require('path/to/ga.js');
  2. var HitBuilders = ga.HitBuilders;
  3. Page({
  4.     // ...

  5.     // 一般在onShow()里处理ScreenView
  6.     onShow: function(){
  7.         // 获取那个Tracker实例
  8.         var t = getApp().getTracker();
  9.         t.setScreenName('当前屏幕名称');
  10.         t.send(new HitBuilders.ScreenViewBuilder().build());
  11.     },
  12.     // ...
  13. })
复制代码

支持自定义维度和指标(你需要在Google Analytics后台预先定义好)
  1. t.send(new HitBuilders.ScreenViewBuilder()
  2.     .setCustomDimension(1,"维度1")
  3.     .setCustomDimension(2,"维度2")
  4.     .setCustomMetric(1,100.35)
  5.     .setCustomMetric(2,200));
复制代码

提醒: 自定义维度和指标在所有 HitBuilder 上都能设置。

事件 Event

事件可帮助你衡量用户与你的小程序中的互动式组件的互动情况,例如按钮点击等。
每个事件由 4 个字段组成: 类别,操作,标签和值。其中类别和操作这两个参数是必须的。
  1. t.send(new HitBuilders.EventBuilder()
  2.     .setCategory('视频')
  3.     .setAction('点击')
  4.     .setLabel('播放') // 可选
  5.     .setValue(1)); // 可选
复制代码

崩溃和异常 Exception

你可以在小程序中把捕获到的异常信息进行统计。
  1. t.send(new HitBuilders.ExceptionBuilder()
  2.     .setDescription('异常描述信息')  
  3.     .setFatal(false)); // 可选,是否严重错误,默认为 true
复制代码

用户计时 Timing

计时器有四个参数:类别,值,名称,标签。其中类别和值是必须的,值的单位是毫秒。
  1. t.send(new HitBuilders.TimingBuilder()
  2.     .setCategory('计时器')
  3.     .setValue(63000)
  4.     .setVariable('用户注册')
  5.     .setLabel('表单'));
复制代码

会话管理

默认的会话时长是30分钟,可以在谷歌分析媒体资源一级进行设置。你也可以在发送匹配时使用 setNewSession 方法来手动开始一个新会话。
  1. // Start a new session with the hit.
  2. t.send(new HitBuilders.ScreenViewBuilder()
  3.     .setNewSession()
  4.     .build());
复制代码

提醒: 所有 HitBuilder 都支持手动开始新会话。

用户ID (跨应用,跨设备跟踪)

User ID用来进行跨应用和跨设备的同一用户跟踪,比如你可以把小程序用户的 OpenID 或 UnionID 设置为 User ID。

你需要先在谷歌分析后台的媒体资源里面启用User ID跟踪功能。
要发送 User ID,请使用 Measurement Protocol & 号语法 和 &uid 参数名称来设置 userId 字段,如下例所示:
  1.   // You only need to set User ID on a tracker once. By setting it on the
  2.   // tracker, the ID will be sent with all subsequent hits.
  3.   t.set("&uid", '12345');

  4.   // This hit will be sent with the User ID value and be visible in
  5.   // User-ID-enabled views (profiles).
  6.   t.send(new HitBuilders.EventBuilder()
  7.       .setCategory("UX")
  8.       .setAction("User Sign In")
  9.       .build());
复制代码

上面代码用到了 &uid 参数,所有 Measurement Protocol & 号语法 支持的参数可以去 Measurement Protocol 参数参考 查看。

提醒: 这些 &uid 参数可以在 Tracker 级别设置,也可以在 HitBuilder 的单次匹配上设置。

详情查看github:https://github.com/rchunping/wxapp-google-analytics

游客,如果您要查看本帖隐藏内容请回复
回复

使用道具 举报

最佳答案
0 

0

主题

14

帖子

99

积分

新人求带

积分
99
发表于 2017-2-7 23:51:03 | 显示全部楼层

在开始做,坑多
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

14

帖子

99

积分

新人求带

积分
99
发表于 2017-2-7 23:51:19 | 显示全部楼层

在开始做,坑多
在开始做,坑多
回复 支持 反对

使用道具 举报

最佳答案
0 

1

主题

8

帖子

69

积分

新人求带

积分
69
发表于 2017-2-8 10:39:54 | 显示全部楼层
路过,表示看不懂
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


易域网-您身边的域名管家

henkuai.com是专业的第三方微信开发者平台,为生态而生。


本站为第三方微信开发者平台,非腾讯官方网站。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

欢迎来这里一起喝喝茶,
聊聊你的产品。

微信公众号gongzhongkaifa

工作日12小时内回复。

广告推广
zhongcong@henkuai.com

工作日12小时内回复。

市场合作
songchang@henkuai.com