百科问答小站 logo
百科问答小站 font logo



UniAPP如何使用Google Analytics(谷歌统计)? 第1页

  

user avatar   zhihu-yaowan 网友的相关建议: 
      

首先在npm内引入,也可以在dcloud插件市场里面下载,

       npm install @ouduidui/ga-tracker     

然后再在main.js或者app.js内引入这些(请根据自身情况修改)

       import {GoogleAnalytics , HitBuilders} from "@ouduidui/ga-tracker";//Google 统计  Vue.prototype.ga = function(){  const analytic = this.$gaTracker.getInstance()  var pages = getCurrentPages() // 获取栈实例  let currentPage = pages[pages.length - 1]['$page']['fullPath'] //当前页面路径(带参数)  analytic.setScreenName("/pwa#" + currentPage);  analytic.send(new HitBuilders.ScreenViewBuilder().build()); //上报 }//google统计  const gaTracker = {     instance: null,     getInstance() {         if (!this.instance) {    // 初始化GoogleAnalytics Tracker    // #ifdef APP-PLUS     this.instance = GoogleAnalytics.getInstance()                  .setAppName('uni-app')   // 设置名称                 .setAppVersion(plus.runtime.version)   // 设置版本号                 .newTracker('UA-XXXXXXX-1');  // 设置跟踪ID    // #endif    // #ifdef H5             this.instance = GoogleAnalytics.getInstance()                  .setAppName('uni-app')   // 设置名称                 .setAppVersion('PWA')   // 设置版本号                 .newTracker('UA-XXXXXXXX-1');  // 设置跟踪ID    // #endif         }         return this.instance;     } } Vue.prototype.$gaTracker = gaTracker;     

最后,在你需要统计的页面中的onload函数写入如下代码

       this.ga()     

如果你是开发小程序的话,我们需要将上报域名设置为白名单。但是www.google-analytics.com域名没有国内备案,无法添加到微信小程序的request合法域名中。

因此你需要自己有一个已备案域名,然后用起或者二级域名去重定向到www.google-analytics.com

具体在初始化GA中的那一坨中加入如下内容

       // #ifdef MP-WEIXIN // 使用自己的合法域名做跟踪数据转发 this.instance.setTrackerServer("https://ga-proxy.example.com"); // #endif     

顺带一提,老版GA已经不能直接创建移动应用类型的媒体资源了,他会提示你链接Firebase,你可以先创建一个网页类型的媒体资源,然后再创建移动应用类型的媒体资源子项,当然你也可以套用以前的媒体资源,具体怎么做取决于你,当然在进行网页+移动应用混合统计的时候,别忘了对移动应用媒体资源子项进行筛选器设置。

此文章允许规范转载,请把我的名字江程训署名上




  

相关话题

  哪件事让你开始相信「AI 就在身边」? 
  谷歌将推出自研手机和电脑芯片,效仿苹果能否实现安卓跨平台融合? 
  Google Play 客户端的官方下载方法,就是如何在谷歌官网下 Play 商店? 
  如何看待华为回应谷歌因美国禁令暂停支持部分业务一事,想要「继续发展和使用安卓生态」华为需要做哪些准备? 
  谷歌电商 Google Shopping 中国招商正式启动,谷歌电商能在电商行业中分得一杯羹吗? 
  如何评价维基解密刚刚爆出谷歌参与「Defection Tracker」项目? 
  目前国内可以访问的搜索引擎中,英文搜索质量较高的有哪些? 
  如何评价谷歌于 GDC2019 公布的云游戏平台 Stadia ? 
  如何评价谷歌刚推出的Cloud AutoML? 
  如何评价微软的 AoW 技术(Android on Windows)? 

前一个讨论
中国科学院大学双一流的结果如何?
下一个讨论
博士毕业年近28,而28岁一无所有,怎么办?





© 2025-04-06 - tinynew.org. All Rights Reserved.
© 2025-04-06 - tinynew.org. 保留所有权利