1.创建一个跟踪网址;
2.生成对应的userId;
3.html中使用;
3.1 普通html页面中使用
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//10.88.0.54:8026/insight/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '7']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
3.2 Vue中使用
要使用卢history模式,router中添加:
if (window._paq) {
window._paq.push(['setReferrerUrl', `${webSiteUrl}${from.path.substring(1)}`]);
window._paq.push(['setCustomUrl', `${webSiteUrl}${to.path.substring(1)}`]);
window._paq.push(['setDocumentTitle', to.name]);
window._paq.push(['setGenerationTimeMs', 0]);
window._paq.push(['trackPageView']);
}
4.用户userId跟踪
在登录或必要位置添加对应,名称自定义;
// 埋点---用户userId
_paq.push(['setUserId', this.loginData.username]);
5.事件跟踪
名称自定义
// 埋点---事件追踪
if (window._paq) {
window._paq.push(['trackEvent', 'login','登录']);
}