曝光采集（微信小程序）

import Exposure from '/dist/wechat/plugin/exposure/index.esm';  
var exposure = sensors.usePlugin(Exposure, {
  class_tags:['sensors-exposure-track'],
  area_rate: 0, 
  stay_duration: 2, 
  repeated: true 
});

import Exposure from '/dist/wechat/plugin/exposure/index.esm';  
 var exposure = sensors.usePlugin(Exposure, {
  class_tags:['sensors-exposure-track'],
  area_rate: 0, 
  stay_duration: 2, 
  repeated: true 
});

// index.wxml
<view class="sensors-exposure-track" data-sensors-exposure-option="{{option}}"></view>

// Page.js
Page({
  data: {
    option: {
      event_name: "exposure_name",
      config: {
        area_rate: 0,
        stay_duration: 0,
        repeated: true
      },
      properties: {
        propA: "valueA"
      }
    }
  }
})

// index.wxml
<view class="sensors-exposure-track" data-sensors-exposure-event-name="home_top_banner" data-sensors-exposure-config-area_rate="1"  data-sensors-exposure-config-stay_duration="2" data-sensors-exposure-config-repeated="true" data-sensors-exposure-property-propA="valueA" data-sensors-exposure-property-propB="valueB"></view>

exposure.addObserverByClassName('元素 class 标记', {
    area_rate: 0.5,
    stay_duration: 0,
    repeated: true
},{
   	shouldExpose: function(tag, properties){
	 	// tag 为当前曝光的元素的曝光标记
      	// properties 为曝光元素的元素信息及该元素的曝光自定义属性
      	// 触发曝光事件则返回 true
      	// 不触发曝光事件则返回 false
		return true
	},
	didExpose: function(tag, properties){
 		// tag 为当前曝光的元素的曝光标记
      	// properties 为曝光元素的元素信息及该元素的曝光自定义属性
	}
})

exposure.removeObserverByClassName('元素 class 标记')

// index.wxml
<view class="sensors-exposure-track" wx:for="{{list}}" wx:key="index" data-sensors-exposure-event-name="exposure_{{index}}" data-sensors-exposure-config-stay_duration="2" data-sensors-exposure-config-repeated="true" data-sensors-exposure-property-propA="{{item.name}}" data-sensors-exposure-property-propB="valueB">
      {{index}}: {{item.name}}
    </view>
// index.js
const exposure = getApp().globalData.exposure
Page({
    data(){
        return {
            list:[]
        }
    },
    onShow(){
        // 模拟延迟渲染列表
        setTimeout(()=>{
			// 设置列表后，回调中设置添加元素曝光
            this.setData({list:[{name:'list1'},{name:'list2'}]},()=>{
                exposure.addObserverByClassName('sensors-exposure-track',option); // option 同通过 API 配置曝光参数
            })
        },3000)
    }
})

<!--components/my-component/my-component.wxml-->
<view class="sensors-exposure-track" data-sensors-exposure-event-name="component" > 
	<text>曝光元素</text>
</view> 

// components/my-component/my-component.js
Component({
 pageLifetimes: {
    // 组件所在页面的生命周期函数
    show: function () { 
      getApp().sensors.modules["Exposure"].addObserverByClassName("sensors-exposure-track", {
        area_rate: 0.5,
        stay_duration: 0,
        repeated: true,
        component: this, // 传入当前 Component 的 this 指向
    }       
  );
});

// app.js
import sensors form '/dist/wechat/sensorsdata.esm.js'

import Taro from "@tarojs/taro";

// 仅在微信小程序时生效
if (process.env.TARO_ENV === 'weapp') {
	import Exposure from "/dist/wechat/plugin/exposure/index.esm";

	sensors.usePlugin(Exposure, {
  		framework: {
    		taro: Taro, // 传入 Taro 对象
  		}
	});
}

sensors.init({
    name: 'sensors',
    server_url: '您的数据接收地址',
    show_log: true
});  

// pages/index/index.vue
import Taro from "@tarojs/taro";

export default {
	onShow() {
		// 需要在 Taro 渲染完毕后，通知 SDK 更新曝光元素。
    	Taro.nextTick(() => {
      		app.sensors.modules.Exposure.addObserverByClassName("sensors-exposure-track");
    	});
  	},
 setup() {
    return () => {
      return (
		<View
            className="sensors-exposure-track"
            data-sensors-exposure-event-name="exposure_ele"
        >
            <Text>曝光元素</Text>
        </View>
      );
    };
  },
}  

// app.js
import sensors from '神策 uni-app JS SDK 路径/index.js';


// 仅在微信小程序时生效
// #ifdef MP-WEIXIN
 	import Exposure from "/dist/wechat/plugin/exposure/index.esm";

	sensors.instance.usePlugin(Exposure, /** 曝光配置 **/);
// #endif

sensors.init(
	//... 相关配置
);  
export default {
	globalData: {
		sensors: sensors
	},
	onLaunch: function() {
		console.log('App Launch')
	},
	onShow: function() {
		console.log('App Show')
	},
	onHide: function() {
		console.log('App Hide')
	}
}

// pages/index/index.vue
<template>
	<view class="content">
		<view class="sensors-exposure-track"data-sensors-exposure-event-name="exposure_ele"> 曝光元素 </button>
	</view>
</template>
<script>
	var sensors = getApp().globalData.sensors;
 	export default {
	 	onShow(){
		 	// 仅在微信小程序时生效
			// #ifdef MP-WEIXIN
      			sensors.instance.modules.Exposure.addObserverByClassName("sensors-exposure-track");
		 	// #endif
		}
	}
</script>