zoukankan      html  css  js  c++  java
  • vue中引入百度统计

       vue作为单页面的,引入百度统计,需要注意不少。

      一、基本的流量统计

         在index.html 入口文件中引入百度统计生成的一连串代码:

         

          var _hmt = _hmt || [];
          (function() {
            var hm = document.createElement('script');
            hm.src = 'https://hm.baidu.com/hm.js?f62fe3c5d9343dece386407e99be4e39';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(hm, s);
          })();

         这个会统计页面总的流量。

     二、页面中监听事件

         需要在相应的vue  文件中加入相应的代码

        methods: {
          getDownIosUrl() {
            window._hmt.push(['_trackEvent', 'IosDoctor', 'click', '来康医生IOS版', 'opt_value']);
            window.location.href = 'itms-apps://itunes.apple.com/cn/app/id1233649213?mt=8';
          },
    }

           PS:必须要写window._hmt.push  否则会监听不到

        

    三、单个页面流量的检测

         在路由的配置文件中,加入这行代码。

    // 测试百度统计
    routeInstance.beforeEach((to, from, next) => {
      if (to.path) {
        window._hmt.push(['_trackPageview', '/pro/#' + to.fullPath]);
      }
      next();
    })

          

    '/pro/#'  写相对路径,解决vue 路由 hash 模式下,百度统计无法统计单页面的问题。




    四、广告途径的追踪

    可以根据转化率来确定下载次数。在转化设置中,设置事件转化中的trackevent。

    然后通过“报告中的入口页面中的转化分析”查看数据。


  • 相关阅读:
    HDU 1180 诡异的楼梯 (搜索)
    HDU 1238 Substrings (水)
    HDU 1075 What Are You Talking About (Trie树)
    设计模式(2)-单例模式
    设计模式(1)
    查找搜狐文章里面插入的腾讯视频
    下载喜马拉雅FM的音频
    未格式化的硬盘识别失败
    培训班的好处
    下载新浪博客里的音乐
  • 原文地址:https://www.cnblogs.com/leyan/p/9138963.html
Copyright © 2011-2022 走看看