一、概述

Google-Analytics是google旗下一款网站数据记录类服务系统

二、注册Google Analytics账号

https://marketingplatform.google.com/about/analytics/

https://analytics.google.com

三、创建媒体资源

(1)选择网站

(2)填信息,网站网址随意填,可用于测试GA是否接入成功,后续可修改,不影响GA在网站上埋点,因为埋点是将追踪代码放入到需要追踪的页面中的。

四、生成UA-id和追踪代码

五、将追踪代码放入需要追踪的页面

六、发送事件

gtag('event', <action>, {'event_category': <category>,'event_label': <label>,'value': <value>
});
  • <action> 是在 Google Analytics(分析)事件报告中显示为事件操作的字符串。
  • <category> 是显示为事件类别的字符串。
  • <label> 是显示为事件标签的字符串。
  • <value> 是一个显示为事件价值的非负整数。

七、生成报告

加入追踪代码24小时后可生成报告

七、其他用法可查看文档

https://developers.google.com/analytics/devguides/collection/gtagjs?hl=zh-cn

八、参考链接

http://www.fly63.com/article/detial/1755

https://blog.csdn.net/re_phpzjw/article/details/80612010

https://zhuanlan.zhihu.com/p/76139981

https://blog.csdn.net/zzq900503/article/details/41541823

在H5页面中使用Google Analytics相关推荐

  1. ReactNative页面统计分析之Google Analytics集成

    ReactNative页面统计分析之Google Analytics集成 1. 首先要有Google Analytics的账号 2. 安装 rnpm install react-native-goog ...

  2. 在像Angular2这样的SPA应用中使用Google Analytics的方法

    Angular2のようなシングルページアプリケーションでGoogleアナリティクスを使う方法 如何在像Angular2这样的SPA应用中使用Google Analytics? 试着调查了一下. 由于S ...

  3. H5 -- 微信h5页面中下载第三方app的方法

    需求:在微信h5页面中下载第三方app -- 安卓, 直接下载apk文件包:iphone,跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX ...

  4. 陪玩系统源码开发,H5页面中调用支付功能的实现

    最近在陪玩系统源码开发工作中,有个H5页面需要实现微信支付和支付宝支付的功能,现在已经完成,抽个时间写出来,分享给有需要的人. 第一步:先判断当前环境 判断陪玩系统源码中用户所属环境,根据环境不同,执 ...

  5. 在H5页面中禁止微信分享转发按钮-mugeda

    在H5页面中禁止微信分享转发按钮(mugeda) 在页面脚本中插入以下代码 方法一: 加一段js代码 document.addEventListener('WeixinJSBridgeReady', ...

  6. 在H5页面中禁止微信分享转发按钮

    在H5页面中禁止微信分享转发按钮(mugeda) 在页面脚本中插入以下代码 方法一: 加一段js代码 document.addEventListener('WeixinJSBridgeReady', ...

  7. iOS html5 键盘 小数点,在移动端内嵌H5页面中数字框调用数字键盘,且只允许输入0-9和小数点的总结...

    最初是想要在H5页面中输入数字的时候调起数字键盘,且只能输入数字和小数点,并且小数点后最多保留两位小数 实践证明: 1.input: type = 'number'时, 当输入的为非法数字 例如包括- ...

  8. 在next js中添加google analytics功能

    Google Analytics 如果想要统计网站的访问数据.性能数据,可以通过google analytics来添加支持. 填入需要的网站地址和名称.可以得到一个G-XXXXXXXX的代码. 如图 ...

  9. 内置h5 调用safari系统浏览器打开_开发教我做设计:移动端H5页面中的橡皮筋效果...

    什么是橡皮筋效果(Over Scroll)? 在浏览被H5与iOS客户端混合编程的页面时,由于Safari浏览器的特性,当H5页面滑动到页面顶部.页面底部的位置时,继续下拉/上拉H5网页会出现&quo ...

最新文章

  1. 使用jquery合并表格中相同文本的相邻单元格
  2. python 使用socks5 设置全局代理
  3. js ajax上传文件到服务器,使用ajax上传并预览图片后传到服务器上
  4. PL/SQL如何设置 窗口列表默认显示
  5. 经典问题之「分支预测」
  6. java键盘输入一个数_Java如何实现从键盘输入一个数?
  7. Java 静态代码块和非静态代码块
  8. PHP图片验证码制作(上)
  9. Cannot use v-for on stateful component root element because it renders multiple elements.
  10. 入门力扣自学笔记96 C++ (题目编号749)
  11. ORACLE解决表空间不释放空间
  12. [软件工具][原创]pcl引用库一键配置到VisualStudio中支持vs2015-v2022使用教程
  13. DevOps运维自动化工具系统平台
  14. java信徒齐(七)步走
  15. 出现“windows已经阻止此软件因为无法验证发行者”
  16. 模仿淘宝评价的星级显示
  17. oracle定时器每天下午6点_每天下午5到7点吃它,补肾效果杠杠的!
  18. 数据架构——企业数据
  19. 电流光纤中继器的原理和应用
  20. MES与APS集成化探讨

热门文章

  1. 一学年的竞赛总结和回顾【我参加过的那些竞赛】
  2. C#采集麦克风话筒声音
  3. GMF 所依赖的插件
  4. 操作系统 吃水果放水果问题 PV操作
  5. 农业信息化让农民“心明眼亮”
  6. 使用ASP加密算法加密你的数据
  7. Macbook充电和电池保养的标准答案
  8. “笨办法”学Python3--习题43 基本的面向对象的分析和设计
  9. 中国最贵海报设计师!黄海究竟凭什么?
  10. 瑞士洛桑联邦理工学院:研究显示用我们的身体和动作操纵无人机比摇杆更适合...