小程序谷歌统计 Google Analytics

npm install @ouduidui/ga-tracker

在跟踪器上设置自定义跟踪服务器 tracker.setTrackerServer("https://ga-proxy.example.com")
修改域名example.com的DNS记录，将 ga-proxy.example.com 指向你自己的服务器IP
自己服务器上的nginx做如下配置

upstream real_ga_servers {server www.google-analytics.com:443 weight=5 max_fails=0;keepalive 64;
}server {    listen 443 ssl;server_name ga-proxy.example.com;ssl on;# 设置ssl证书（略）location / {# 告诉ga用户真实iprewrite ^(.*)$   $1?uip=$remote_addr    break;proxy_set_header   Host       www.google-analytics.com;# Proxy to google-analytics.comproxy_buffering off;# 使用keepaliveproxy_http_version 1.1; # require  nginx > 1.1.4proxy_set_header Connection ""; # for keepalive upstreamproxy_pass https://real_ga_servers;proxy_redirect off;}
}

main.js引入

import {GoogleAnalytics} from "@ouduidui/ga-tracker";const gaTracker = {instance: null,getInstance() {if (!this.instance) {// 初始化GoogleAnalytics Trackerthis.instance = GoogleAnalytics.getInstance() .setAppName('UniApp')   // 设置名称.setAppVersion('1.0.0')   // 设置版本号.newTracker('UA-XXXXXX-X');  // 设置跟踪ID// #ifdef MP-WEIXIN// 使用自己的合法域名做跟踪数据转发this.instance.setTrackerServer("https://ga-proxy.example.com");// #endif}return this.instance;},
}Vue.prototype.$gaTracker = gaTracker;

使用方法

<template><view class="content"><image class="logo" src="/static/logo.png"></image><view><text class="title">{{title}}</text></view></view>
</template><script>import {HitBuilders}  from "@ouduidui/ga-tracker";export default {data() {return {title: 'Hello'}},() {// 设置屏幕名称const t = this.$gaTracker.getInstance()t.setScreenName('这是我的首屏页');// 或者对应相应字段t.set('xx',val)// 上报t.send(new HitBuilders.ScreenViewBuilder().build());}}
</script>

小程序谷歌统计 Google Analytics相关推荐

谷歌地图api 微信小程序_使用Google的融合位置提供程序API进行实时位置跟踪
谷歌地图api 微信小程序 Location tracking and monitoring have seen a surge in modern application development w ...
谷歌分析(Google Analytics)怎么用？谷歌分析使用方法教程
Google Analytics是独立站运营过程中,必须使用免费工具之一.如果你想做知道,你的网站访客来自哪里,在网站都看了什么,那些网页受欢迎,那些流量得到了比较好的转化.那么谷歌分析肯定可以帮助到 ...
[软件工程学习笔记]个人java小程序---词频统计（二）
今天上午的软件工程课讲到了写程序时做单元测试和代码规范的重要性,反观自己每次被程序搞得焦头烂额也是因为这方面习惯不好的原因,等闲暇时再写一篇这方面的文章. 另外,对前一篇博文中的代码也并不是很满意,想 ...
小程序微信统计表格_微信小程序登录机制
" 不是0,也不是1,有0也有1 " 总有一个瞬间,你想记录当下的一些事情,所以有了这篇文章,不会口吐芬芳,我直接开门了,但愿能让你见山. 1. 背景 21 届的校园招聘已经打响了 ...
微信小程序secret_使用Google Secret Manager像专业人士一样管理应用程序秘密
微信小程序secret At the beginning of last year, I wrote an article titled How to secure and manage secret ...
小程序微信统计表格_微信小程序制作表格的方法
本文实例为大家分享了微信小程序制作表格的具体代码. 微信小程序中没有专门的表格制作工具,不过使用列表渲染可以实现, 下面是我做的表格图片: 方法如下: 在XXX.wxml中填写下面的代码参数内容 ...
10分钟学会看懂谷歌分析(Google Analytics)
Google Analytics工具地址: https://analytics.google.com/analytics/web/#/report/trafficsources-overview/a6 ...
小程序微信统计表格_微信小程序简单的数据表格及查询功能
简介: 此项目是一个前后端分离的小demo, 开发工具:idea+微信小程序开发工具前端:界面布局样式和js的跳转后端:依靠SpringBoot的业务逻辑层项目的码云地址: 微信开发工具的使用和 ...
小程序微信统计表格_微信小程序图表插件（wx-charts）
微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图.线图.柱状图 .区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个. wx-c ...
H5申请谷歌分析 google analytics，以及使用谷歌分析进行网站、应用的数据分析
谷歌分析analytics官网谷歌分析网址:https://analytics.google.com/ 登录谷歌账号登录谷歌账号开设谷歌分析账号点击开始衡量填写账号名称点击下一步填写分析 ...

小程序谷歌统计 Google Analytics

小程序谷歌统计 Google Analytics相关推荐

最新文章

热门文章