一、集成SDK

请将以下的页面代码放置到需要分析的页面中的 和 标签之间，即可完成最新 Web JS SDK 页面代码的添加（初始化）。vue 创建的项目可在index.html文件中使用，也可在js文件中封装方法，在需要使用的页面导入使用进行初始化。gio帮助文档

请注意使用 您创建Web应用所在项目的项目ID（在growingio平台建立相对应项目后生成并提供给前端埋点使用） 替换代码中的 your projectId 、your dataSourceId（数据源id）、your host。

<!-- GrowingIO Analytics code version 2.1 -->
<!-- Copyright 2015-2021 GrowingIO, Inc. More info available at http://www.growingio.com -->
<script type='text/javascript'>
!function(e,t,n,g,i){e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},n=t.createElement("script"),tag=t.getElementsByTagName("script")[0],n.async=1,n.src=('https:'==document.location.protocol?'https://':'http://')+g,tag.parentNode.insertBefore(n,tag)}(window,document,"script","assets.giocdn.com/2.1/gio.js","gio");
  gio('init', 'your projectId','your dataSourceId' ,options);
  ​//custom page code begin here
  //custom page code end here​
  gio('send');
</script>
<!-- End GrowingIO Analytics code version: 2.1 -->
<!-- 如果在内网环境下开发，建议将gio.js文件下载到本地，以相对路径方式引入 否则可能会初始化不成功 -->

// 配置项 JSON对象
options = {
	host: 'your host', // 初始化时填写，否则初始化失败
	hashtag: true/false, // 单页面应用埋点
	scheme: 'http/https', // 设置请求协议
	appVer:'Android/ios/微信内嵌', // 设置H5页面所在运行环境
	compress: true/false // 获取的数据是否压缩
}

二、常用API简介

gio('setUserId',userId)
// userId（字符串） 登录系统用户的ID 设置用户ID
gio('clearUserId')
// 退出登录时清除用户ID
gio('track',eventId,eventLevelVariables) // 此方法多数时在页面点击事件时进行调用，以用来统计用户点击次数
// evenId 事件标识符 （字符串）
/* eventLevelVariables 包含事件级变量的JSON对象 
  例如　{
  		　pageName：'登录页面'，// 按钮所在页面
  		　buttonName: '登录' // 用户点击的按钮名称
  	　　}
*/