uniapp-h5实现埋点功能(友盟)

友盟产品免费的

链接：友盟+，国内领先的开发者服务及数据智能服务商 (umeng.com)

以h5端为例：

添加应用，我这里选的是h5的

添加完成，首页显示添加应用的列表，点击’查看‘

3.添加自定义事件

在uniapp接入相关代码

文档链接：友盟+多平台小程序分析 U-MiniProgram (umeng.com)

App.vue

注意：第15行中，填写自己的appKey

beforeCreate() {
            (function(w, d, s, q, i) {
                w[q] = w[q] || [];
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s);
                j.async = true;
                j.id = 'beacon-aplus';
                j.src = 'https://d.alicdn.com/alilog/mlog/aplus/' + i + '.js';
                f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'aplus_queue', '203467608');

            //集成应用的appKey
            aplus_queue.push({
                action: 'aplus.setMetaInfo',
                arguments: ['appKey', '6413ccd0d64e6861394c8dd1']
            });
            /************************以下内容为可选配置内容****************************/
            //sdk提供手动pv发送机制，启用手动pv(即关闭自动pv)，需设置aplus-waiting=MAN;
            //注意：由于单页面路由改变时不会刷新页面，无法自动发送pv，所以对于单页应用，强烈建议您关闭自动PV, 手动控制PV事件
            aplus_queue.push({
                action: 'aplus.setMetaInfo',
                arguments: ['aplus-waiting', 'MAN']
            });
            //是否开启调试模式 
            aplus_queue.push({
                action: 'aplus.setMetaInfo',
                arguments: ['DEBUG', true]
            });
            //是否指定用作计算umid的id类型，默认为cnaid，目前支持:
            //1. 微信和QQ: openid; 字节和百度 anonymousid; 支付宝 alipay_id
            //2. 微信、QQ、字节、百度平台的 unionid
            //3. 业务方自己生成的随机id uuid
            aplus_queue.push({
                action: 'aplus.setMetaInfo',
                arguments: ['aplus-idtype', 'xxxx'] //取值参考见附表1
            });
            /******************************************************************/
        }

main.js

const {
    aplus_queue
} = window;
aplus_queue.push({
    action: 'aplus.sendPV',
    arguments: [{
        is_auto: false
    }]
});

页面中使用自定义事件

注意：card1、card2、yourTrackerEventCode三个分别是我在友盟创建的自定义事件的id

            onclick() {
                //一个简单的demo
                aplus_queue.push({
                 action: 'aplus.record',
                  arguments: ['card1', 'CLK']
                });
                aplus_queue.push({
                 action: 'aplus.record',
                  arguments: ['card2', 'CLK']
                });
                aplus_queue.push({
                 action: 'aplus.record',
                  arguments: ['yourTrackerEventCode', 'CLK']
                });
            }

添加完代码，可以在友盟后台管理查询数据

uniapp-h5实现埋点功能(友盟)

猜你喜欢