1. 网站埋点说明

荟聚中的网站埋点功能可以帮您统计网站流量，追踪流量来源，捕获网站访客信息。

比起单一的网站流量统计与追踪，荟聚能够将线索在各渠道留下的痕迹整合，为营销人员提供完整的线索画像，以进行更加精准的营销与内容推送。

2. 设置追踪网站

在【设置】-【设置中心】中选择【网站】模块进行追踪网站设置。

2.1 嵌入追踪代码

left | 0x0

在所有需要统计的网站页面中嵌入追踪代码：

<script src="//cbe.huiju.cool/cbe/collect?tid={YOUR_TID}&at=0&h=web"></script>
<script>
  clab_tracker.ready(function(){
    this.push({"pageType": "web"});
    this.track("open_page", {});
  });
</script>

其中的 {YOUR_TID} 是变化的，请前往追踪网站设置页面获取。

2.2 设置追踪域名

left | 0x0

设置要追踪的网站的域名，只有设置过的域名才会被追踪。

3. 跟踪线索事件

3.1 打开链接触发的事件

对于打开链接触发的事件，有两种方式来进行跟踪，开发者可以根据使用需求选择其中一种方式。

方式一

在被打开的页面中放入如下代码：

<script src="//cbe.huiju.cool/cbe/collect?tid={YOUR_TID}&at=0&h=web"></script>
<script>
  clab_tracker.ready(function(){
    this.push({});
    this.track(event, targetName, targetId);
  });
</script>

其中的 {YOUR_TID} 是变化的，请前往追踪网站设置页面获取。

方式二

在链接上添加 data-cl-event 和 data-cl-id 属性，值 {event} 为要触发的事件, 值 {id} 为事件的targetId。

<a data-cl-event="{event}" data-cl-id="{id}"></a>

3.2 其他行为触发的事件

如果事件不是由打开链接触发的，可以通过如下 track 方法来提交事件：

if (clab_tracker) {
  clab_tracker.track(event, targetName, targetId, properties, callback);
}

track 方法参数说明：

参数	说明
event	事件 id
targetName	比如事件为关注公众号，targetName 为公众号的名字
targetId	比如事件为关注公众号，targetId 为公众号在荟聚系统中的 id
properties	可选，如果有 properties 参数会替换 page 的 properties
callback	可选，如果有 callback 在完成 track 发送动作后调用此方法

5. 用户来源跟踪

如果需要将网站页面投放到外部营销渠道（例如百度），可以在 URL 中加上渠道来源参数，进行来源追踪和统计。

5.1 新建可追踪 URL

登录荟聚系统，在【渠道获客】-【官网】中选择【网页数据统计】-【传播你的网页】新建可追踪 URL。

left | 0x0

5.2 网站页面引入 JS 代码

创建可追踪 URL 后，在网站的每个页面中都需要引入如下 JS 代码：

$(document).ready(function() {
  var pageurl = window.location.href;
  var urlsource = "";
  if(pageurl.indexOf("cl_sr") != -1) {
    var arrs = pageurl.split("cl_sr");
    var urlsource = arrs[1];
    urlsource = "?cl_sr" + urlsource;
  }

  $("a").each(function() {
    var href = $(this).attr("href");
    if(urlsource != "") {
      var Ahref = href + urlsource;
      $(this).attr("href", Ahref);
    }
  });
});