埋点知识

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','登录']);
          }

猜你喜欢

转载自blog.csdn.net/diaojw090/article/details/103610436
今日推荐