快速接入

本章节介绍如何快速接入 Open-Web 统计平台，包括账号注册、应用创建、Web JS SDK 集成等步骤。

第一步：账号注册与登录

1、访问Open+平台，点击注册，进入注册页面，注册Open-Web账号并登录。

2、进入控制台后点击「产品导航」中的「Open-Web」进入Open-Web客户端

第二步：创建应用

1、在「应用管理」页面点击「添加应用统计」

2、填写以下信息：

配置项	说明
应用名称	用于区分不同网站，建议使用网站名称
统计域名	开启域名严格匹配后，需填写要统计的网站域名，如 example.com
域名严格匹配	开启后，仅统计指定域名的数据
行业分类	选择网站所属的行业类别

3、点击保存，创建成功后，系统会为该应用分配一个 ID（ak），用于后续 SDK 接入。

第三步：集成 Web JS SDK

创建成功后会跳转参数配置页面（也可以通过应用管理页面，点击应用列表对应的配置进入）。在参数配置页面获取 SDK 安装代码。

安装方式

有两种安装方式可选：

同步安装（推荐）

将代码放置在 </head> 标签之前，统计代码优先加载，数据更准确。

<script id="OPEN_COLLECT" charset="UTF-8" src="Open-Web提供的js链接"></script>
<script>
  openweb.init({
    ak: "您的AppKey"
  })
</script>

异步安装

代码异步加载，不阻塞页面解析，但可能因网络原因导致部分数据丢失。

<script>
  !function(c){var s="Open-Web提供的js链接",n="openweb",w=window,d=document;if(w[n]&&w[n].invoked)return;w[n]=w[n]||{},w[n].invoked=!0,w[n].queue=[];var i=["init"],a=function(t){return function(){w[n].queue.push([t].concat(Array.prototype.slice.call(arguments)))}};for(var o=0;o<i.length;o++)w[n][i[o]]=a(i[o]);var e=d.createElement("script"),u=d.getElementsByTagName("script")[0];e.async=!0,e.src=s,u.parentNode.insertBefore(e,u),w[n].init(c)}({ak: "您的AppKey"});
</script>

SPA 应用支持

如果您的网站是单页面应用（SPA），使用了 Vue、React 等框架，需要开启 SPA 支持：

openweb.init({
  ak: "您的AppKey",
  spa: true
})

开启后，SDK 会自动监听路由变化，采集页面浏览事件。

第四步：参数说明

参数	说明	必填
ak	应用唯一标识，用于区分不同应用的数据	是
spa	设为 true 启用 SPA 路由监听	否

第五步：验证接入

正确安装统计代码后：

1. 手动刷新已安装代码的网页
2. 等待约 5 分钟 让数据处理完成
3. 在平台「统计概况」页面查看是否有数据展示