vue項目接入友盟統計站點數據

無論是PC還是移動端的埋點,對於市場統計及可視化數據瀏覽是十分不可少的,但專門的埋點或是統計要麼工作量大,要麼難實現,使用友盟對於一些精確的數據我們是拿不到的,想做成圖表等高級可視化還是建議您去埋點處理。

關於友盟的埋點其實也可以去看友盟文檔,此僅作記錄與參考。

以下是接入友盟統計過程:

1.登錄友盟官網獲取加入到項目中的鏈接:

如:<script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=您的ID"></script>

2.取到這個鏈接後,接入項目:

這裏僅說明接入vue項目用法:

直接在APP.vue中添加以下代碼即可,別忘了替換src

watch: {
      $route() {
        if (window._czc) {
          let location = window.location;
          let contentUrl = location.pathname + location.hash;
          let refererUrl = "/";
          window._czc.push(["_trackPageview", contentUrl, refererUrl]);
        }
      }
  },
  mounted () {
    // 友盟統計添加
    const script = document.createElement("script");
    script.src = "https://s9.cnzz.com/z_stat.php?id=您的ID";
    script.language = "JavaScript";
    document.body.appendChild(script);
  },

  

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章