首先,打开以下友盟的页面https://www.umeng.com/

然后登录,如果没有帐号的可以先去注册。

如何使用友盟统计(定义事件的使用)

登录后在产品栏目中选择网站统计

如何使用友盟统计(定义事件的使用)

然后点击立即使用就会进入到下面图片的页面

如何使用友盟统计(定义事件的使用)

紧接着添加一个站点

如何使用友盟统计(定义事件的使用)

然后把站点里面需要填的内容都填好后,就可以确认添加站点了

添加站点成功后,会自动跳到下面的页面

如何使用友盟统计(定义事件的使用)

然后把上面的代码随便复制一种放在</body>前,本人只用过第一种,其他的没有试过,所以下面的案例完全是以第一种的方式来操作。

如何使用友盟统计(定义事件的使用)

然后打开我们需要加统计代码的页面源代码,把刚刚复制的那段代码粘贴到这个位置

代码添加完毕后,滑动鼠标把页面拖动到页面最底部

如何使用友盟统计(定义事件的使用)

然后点击了解更多并获取代码

因为我们做的是事件统计,就是说,我们每点击一次设定好要点击的地方,就会把点击的事件数据统计好。

所以我们还需要加一个调用事件的代码。

如何使用友盟统计(定义事件的使用)

在点击了解更多并获取代码后,会跳到另外的页面上,然后滑动鼠标到这个位置,点击预配置代码

如何使用友盟统计(定义事件的使用)

便会弹出这个页面,然后把上面的那段代码复制到我们源代码</head>之前

如何使用友盟统计(定义事件的使用)

然后把里面XXXXXXX的地方改成刚开始放的代码的ID号

如何使用友盟统计(定义事件的使用)

也就是下面这样

如何使用友盟统计(定义事件的使用)

然后上面的步骤完成了之后,点击下面API代码生成小工具

如何使用友盟统计(定义事件的使用)

然后打开事件跟踪

如何使用友盟统计(定义事件的使用)

把这个页面需要填的内容填好后,便可以点击下面的生成代码

随后,下面便会出现一串以你填好的内容的代码出现。

再把这段代码拷贝出来,放在我们的源代码里。

如何使用友盟统计(定义事件的使用)

需要我们创建一个点击事件,然后把代码放在里面。

你有多少个地方需要点击,就在那个地方加上这一段代码。

然后把页面上传到服务器,打开网站进行测试。

如何使用友盟统计(定义事件的使用)

这个地方看到的是访问人数

然后页面往下滑动

如何使用友盟统计(定义事件的使用)

打开事件类别

如何使用友盟统计(定义事件的使用)

然后就可以看到事件统计的数据了!

相关文章: