WeChat Mini Program, Douyin Mini Program

Youmeng+, a leading developer service and data intelligence service provider in China
add application
Create an application

Because I am a Douyin and WeChat applet, I register two applications
and create an Appkey successfully.
Install SDK and integrate
1. Download the SDKDeveloper Center
2. Because I used the WeChat and Douyin applets written by uniapp, I downloaded both of them
configuration

//utils 创建uma.js
//#ifdef MP-WEIXIN // #endif 这种注释千万不要删除哦，我当时以为是注释删掉了，后面找bug找的嗷嗷哭/(ㄒoㄒ)/~~
//是uniapp判断是在不同环境下，是否显示或隐藏。

// #ifdef MP-WEIXIN
import uma from 'umtrack-wx';
uma.init({
	appKey: 'xxxx', // 由友盟分配的APP_KEY
	useOpenid: true,
    // 使用Openid进行统计，此项为false时将使用友盟+uuid进行用户统计。
    // 使用Openid来统计微信小程序的用户，会使统计的指标更为准确，对系统准确性要求高的应用推荐使用Openid
	autoGetOpenid: true,
    // 使用openid进行统计时，是否授权友盟自动获取Openid，
    // 如若需要，请到友盟后台"设置管理-应用信息"(https://mp.umeng.com/setting/appset)中设置appId及secret
	debug: true,// 是否打开调试模式
    uploadUserInfo: true // 自动上传用户信息，设为false取消上传，默认为false
});
uma.install = function(Vue) {
	Vue.prototype.$uma = uma;
}
export default uma;
// #endif

// #ifdef MP-TOUTIAO
import uma from './uma.min.js';
uma.init({
	appKey: 'xxxx', // 由友盟分配的APP_KEY
	autoGetOpenid: true, // 是否需要通过友盟后台获取openid或匿名openid，如若需要，请到友盟后台设置appId及secret
    debug: true, //是否打开调试模式
    uploadUserInfo: true // 自动上传用户信息，设为false取消上传，默认为false
})
uma.install = function(Vue) {
	Vue.prototype.$uma = uma;
}


export default uma;
// #endif

main.js import

import uma from './utils/uma';
Vue.use(uma)

Then recompile, the command line will prompt success!

If you don't succeed, you can send the error report to the comment area and let's solve it together!

About error reporting

I asked the technical staff of umeng, they said it was a normal reminder

Custom event burying point

Add custom events

Embed custom events into front-end code


//this.uma.trackEvent('事件ID', { '属性1':'属性值1','属性2':'属性值2' });

// 字符型属性值，值需要添加‘’
//this.uma.trackEvent('ViewProductDetails', { 'Category':'家电','ItemName':'西门子冰箱' });

// 数值型属性值，值没有‘’
//this.uma.trackEvent('Pay', { 'PayAmount':6999 });

Buried point verification

Create this test name
Choose to recompile after copying
There is a very important point here! ! ! ! ! ! enableVerify: true,

succeeded!

uniapp - H5

First create the application

Install the SDK and integration without downloading the installation package!

I asked the customer service, and I didn’t know how to download it for a long time, but the customer service said there is no need to download it
I wrote the SDK to App.vue
Write your own key here: arguments: ['appKey', 'write your own appkey']

<script>
	export default {
		onLaunch: function() {
			//console.log('App Launch')
		},
		onShow: function() {
			//console.log('App Show')

		},
		onHide: function() {
			//console.log('App Hide')
		},
		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', '写自己的appkey']
			});
			/************************以下内容为可选配置内容****************************/
			//sdk提供手动pv发送机制，启用手动pv(即关闭自动pv)，需设置aplus-waiting=MAN;
			//注意：由于单页面路由改变时不会刷新页面，无法自动发送pv，所以对于单页应用，强烈建议您关闭自动PV, 手动控制PV事件的发送时机N": N取值为300-3000之间的整数值 , 所有日志指令在SDK初始化完成后的N毫秒内将被hold在指令队列, 直至N毫秒等待结束；"MAN": 取消自动化PV日志采集. 设置为MAN之后, 所有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
			});
			//设置userid
			aplus_queue.push({
				action: 'aplus.setMetaInfo',
				arguments: ['_user_id', 'xxxx'] //值为业务自定义的登录账号ID
			});
		}
	}
</script>

Page exposure buried point

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

Custom event burying point

See above for adding custom events!

        const {
			aplus_queue
		} = window;
		aplus_queue.push({
			action: 'aplus.record',
			arguments: ['enter-pages', 'CLK', {
				type: 'mobile',
				pagepath: 'aiqa',
				cc,
			}]
		});

important point:

I started to write the attribute name as path, but found that it couldn’t be passed, so you have to avoid lightning

Youmeng umeng statistics applet uniapp, WeChat applet, Douyin applet, h5

WeChat Mini Program, Douyin Mini Program

Custom event burying point

uniapp - H5

Guess you like