前言
一、Plausible埋码
- 1、新建plausible.js
- 2、域名修改
- 3、引入上述js文件
- 4、实际效果
- 5、数据看板
二、用户行为监控
- 1、选择模块进行设置
- 2、新增看板
- 3、注册全局事件
- 4、新增文件及监听
- 5、查看已收集的信息
- 6、返回看板查看数据
- 7、定向查看
结语

前言

Plausible是轻量级和开源的网络分析平台，可以用于分析用户行为和系统中的高访问页面，现阶段各个系统已经开始逐步集成Plausible，我们来看看在Odoo框架中是如何使用的吧！

一、Plausible埋码

1、新建plausible.js

! function() {"use strict";var a = window.location,r = window.document,o = r.currentScript,l = o.getAttribute("data-api") || '服务器地址' + "/api/event";function s(t) {console.warn("Ignoring Event: " + t)}function t(t, e) {if (/^localhost$|^127(\.[0-9]+){0,2}\.[0-9]+$|^\[::1?\]$/.test(a.hostname) || "file:" === a.protocol)return s("localhost");if (a.hostname != '正式环境地址域名')return s("nonproduction");if (!(window._phantom || window.__nightmare || window.navigator.webdriver || window.Cypress)) {try {if ("true" == window.localStorage.plausible_ignore) return s("localStorage flag")} catch (t) {}var i = {};i.n = t,i.u = a.href,i.d = '正式环境地址域名',i.r = r.referrer || null,i.w = window.innerWidth,e && e.meta && (i.m = JSON.stringify(e.meta)),e && e.props && (i.p = JSON.stringify(e.props)),i.h = 1;var n = new XMLHttpRequest;n.open("POST", l, !0),n.setRequestHeader("Content-Type", "text/plain"),n.send(JSON.stringify(i)), n.onreadystatechange = function() {4 == n.readyState && e && e.callback && e.callback()}}}var e = window.plausible && window.plausible.q || [];window.plausible = t;for (var i, n = 0; n < e.length; n++) t.apply(this, e[n]);function w() {i = a.pathname, t("pageview")}window.addEventListener("hashchange", w), "prerender" === r.visibilityState ? r.addEventListener("visibilitychange", function() {i || "visible" !== r.visibilityState || w()}) : w()
}();

2、域名修改

将上面的js域名处按照如下图所示进行修改

3、引入上述js文件

在系统公共html处引入上述的js文件，此处也要将data-domain中的域名进行替换，src的路径按照各自的文件路径引入

<script data-domain="正式环境域名" src="/web/static/src/js/plausible.js"></script>

4、实际效果

js中有对环境进行判断，本地和测试环境不会对埋码数据有任何影响，我们可以在正式环境尝试切换菜单，就会触发plausible.js里的/api/event接口，如下，Payload里面有相关的页面参数

5、数据看板

完成以上操作后，我们就可以登录Plausible平台查看我们的看板数据了!

二、用户行为监控

如果需要知道哪些用户一般进入哪些页面，那又该如何获取用户信息加以区分呢？让我们继续往下看吧

1、选择模块进行设置

我们先选择一个模块进行如下设置，这里我已经添加了一个叫PageView的事件监听name（名字可以随意）：

2、新增看板

我们进入对应模块的看板页，底部会新增一个看板，如下：

3、注册全局事件

我们在之前引入plausible.js的文件后，注册全局事件：

<script data-domain="正式环境域名" src="/web/static/src/js/plausible.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>

4、新增文件及监听

新增self_menu.js文件，新增hashchange的事件监听，并将该文件引入对应模块的template中：

odoo.define('order_menu', function (require) {const session = require('web.session')window.addEventListener("hashchange", function (){let userName = session.usernamelet url = window.location.hrefplausible('PageView', {props: {method: 'HTTP', Region: 'China', userName, url}});})
})

5、查看已收集的信息

重启后，切换页面会调用/api/event接口，查看接口参数，就能看到我们上面收集的信息也传过去了（注：本地测试时，需注释plausible.js的环境校验部分代码）：

6、返回看板查看数据

回到Plausible平台监控看板上，就能看到用户的信息数据，此处也支持过滤筛选条件：

7、定向查看

点进某个userName，就能看到指定用户的页面访问数据

结语

Plausible平台自托管部署方式：https://plausible.io/docs/self-hosting

到这里，Plausible平台页面埋点和用户数据监控就完成了！大家可以多用几个账户试试效果，有更好的办法或疑问请在下方评论区留言吧！

版权声明:本文由神州数码云基地团队整理撰写，若转载请注明出处。
公众号搜索神州数码云基地，后台回复Odoo，加入Odoo技术交流群！

Odoo集成Plausible埋码监控平台相关推荐

美团都在用的实时应用监控平台，到底有多好用？
转载自:GitHub今日热榜今天要推荐一款已经在美团的基础架构中间件框架中深度集成的实时应用监控平台CAT. 1 CAT简介 CAT 作为服务端项目基础组件,提供了 Java, C/C++, Nod ...
物联网云监控平台设备管理iot源码，MQTT/ONENET带APP端源码
大型物联网平台全套源码物联网云监控IOT设备管理源码带APP端开发语言:PHP 数据库:MYSQL 开发工具:phpstrom 源码类型:全开源免费分享物联网云监控WEB设备管理iot源码,MQ ...
基于Spring4+SpringMVC4+Mybatis3+Hibernate4+Junit4框架构建高性能企业级的部标1077视频监控平台...
开发企业级的部标GPS监控平台,投入的开发力量很大,开发周期也很长,选择主流的开发语言以及成熟的开源技术框架来构建基础平台,是最恰当不过的事情,在设计之初就避免掉了技术选型的风险,避免以后在开发过程中 ...
cat全链路监控_谛听全链路监控平台实践与思考
一.项目背景近几年,信也科技的研发技术伴随着业务的快速增长逐步演化为微服务化的分布式体系架构,但随之带来的系统间的上下游依赖关系的复杂度也呈指数级上升,已有的烟囱式的监控产品(CAT.ELK等)存在 ...
CAT - 监控平台之装配篇
一.CAT (Central Application Tracking) 简介: CAT 是大众点评开源的一套基于java的实时应用监控平台,主要应用于服务中间件框架(MVC 框架.RPC 框架.持久 ...
Gartner发布《2021年企业低代码平台魔力象限》低码一体化平台成趋势
前段时间,国际知名咨询研究机构Gartner发布了<2021年企业低代码应用平台魔力象限>.此研究内容是Gartner通过产品操作.服务.市场反馈.用户影响力.客户体验.营销执行等等,多个 ...
TSINGSEE青犀视频监控平台的多种联网方式详解
TSINGSEE青犀视频根据流媒体传输协议的不同,拥有满足不同需求的视频监控平台.比如有支持国标GB28181协议的EasyGBS国标云服务,支持RTSP/Onvif协议的EasyNVR平台,以及可兼 ...
浅析搭建高速公路视频监控平台的建设方案及必要性
一.方案背景搭建高速公路视频监控平台的必要性有如下几点: 1)用于高速收费站的收费流程监控.安全监察.智能收费等相关管理工作: 2)用于交通卡口的测速.应急车道占用抓拍.违规行驶抓拍等: 3)用于监 ...
企业级监控平台，监控系统选型
企业级监控平台,监控系统选型一.监控基础知识 1.1 监控系统的7大作用 1.2 使用监控系统的正确姿势 1.3 监控的对象和指标都有哪些? 1.4 监控系统的基本流程 1.5 监控目标 1.6 监 ...
建设DevOps统一运维监控平台，全面的系统监控你做好了吗？
本文转自微信号EAWorld.扫描下方二维码,关注成功后,回复"普元方法+",将会获得热门课堂免费学习机会! 前言随着Devops.云计算.微服务.容器等理念的逐步落地和大力发展 ...

Odoo集成Plausible埋码监控平台

目录

前言