第一步：使用npm包引入

npm i @datarangers/sdk-javascript

第二步：在main.js注册/初始化/启动上报

/*
 * 火山引擎（Volcengine）增长分析 Web/JS SDK ：https://www.volcengine.com/docs/6285/93209?lang=zh
 */
import DataRangers from '@datarangers/sdk-javascript'
Vue.prototype.DataRangers = DataRangers; //挂载
DataRangers.init({
	app_id:***,// 通过APPID指定数据上报到哪个应用
	channel_domain: ***, // 上报地址
	log: process.env.NODE_ENV === 'development',
	enable_debug: process.env.NODE_ENV ===
		'development' //需要验证的页面URL后增加如下参数：https://www.aaa.com?open_dev_tool=true&app_id=${appid}
});
DataRangers.start(); // 火山埋点：start方法调用后，SDK才会开始上报事件

重要：
1、enable_debug设置true后要在项目链接后拼接open_dev_tool=true&app_id=${appid}才能启用埋点开发者工具；
2、需要执行start()方法事件才能上报

第三步：在页面内使用

初始化：参考上面main.js内的init()

启动：参考上面main.js内的start()

设置

this.DataRangers.config({
		user_unique_id: ***
})

用户信息

this.DataRangers.profileSet({
    // 自定义参数
})

事件埋点

this.DataRangers.event('Page_Show', {
		page_name: 'foryou_shortdrama'
})

参考官方文档：

• 使用文档：https://www.volcengine.com/docs/6285/93209?lang=zh
• npm包：https://www.npmjs.com/package/@datarangers/sdk-javascript
• 官方埋点开发者工具：https://www.volcengine.com/docs/76880/1033615?utm_source=chatgpt.com&lang=zh