目录
- 1. 创建 GA 1
- 2. 注入代码2
- 结果
- 网站 F12
- GA 控制台
- Reference
二级域名 + nginx + frp
的方式映射到公网 。网站并不属于我来管理 , 当我想了解有多少人使用了我提供的公网来访问网站,此时就想起了 Google Analysis (简称 GA) 。并且在之前搭建前端时使用的 Netlify 服务,就可以实现直接插入 js 代码而不需要修改前端代码,就想到肯定有一种方式可以注入代码 。此时自然而然就想到了 nginx,通过搜索之后(见 Reference) 找到了对应的方式 , 但是方法为英文且是2015年,GA 代码有点旧,所以在重新生成 GA 代码的基础上,注入到前端网站上 。
1. 创建 GA 1
- 进入 Admin
文章插图
- 创建新的工作空间
文章插图
- 进入 Data stream
文章插图
- 找到自动生成的代码,且点击 copy 按钮注意:必须点击 copy 按钮,得到单行的代码方便之后使用,不要选中用复制!
![【nginx】使用 nginx 时,使用 sub_filter 注入 js 代码,例如 google analysis 等](http://img.zhejianglong.com/231018/0400214528-3.png)
文章插图
![【nginx】使用 nginx 时,使用 sub_filter 注入 js 代码,例如 google analysis 等](http://img.zhejianglong.com/231018/040021C96-4.png)
文章插图
例如
<!-- Google tag (gtag.js) --> <script async src="http://img.zhejianglong.com/231018/04002133Q-5.jpg"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-******'); </script>
2. 注入代码2- 格式化 copy 代码为
sub_filter </head> '{copy code}';
,要求如下:
- 含义:替换为后半部分
- 代码必须为一行
- 使用 sub_filter 语句替换
- GA 生成的代码中混用了
'
和"
, 需要统一为"
- 不要忘记分号
sub_filter </head> '<!-- Google tag (gtag.js) --> <script async src="http://img.zhejianglong.com/231018/04002133Q-5.jpg"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "G-******"); </script>'
- 添加进 nginx 中的 location,然后重启注意: 似乎需要开启 sub_filter 功能有单独的指令 , 我是用的是宝塔提供的 nginx , 重启后直接可以使用 。注意: 是否只能插入 location 还待商议 。
![【nginx】使用 nginx 时,使用 sub_filter 注入 js 代码,例如 google analysis 等](http://img.zhejianglong.com/231018/040021HM-7.png)
文章插图
结果网站 F12
![【nginx】使用 nginx 时,使用 sub_filter 注入 js 代码,例如 google analysis 等](http://img.zhejianglong.com/231018/0400214130-8.png)
文章插图
GA 控制台Reference
- https://support.google.com/analytics/answer/9304153?hl=en#zippy=%2Cweb%2Cfind-your-g--id-for-any-platform-that-accepts-a-g--id%2Cadd-your-tag-using-google-tag-manager%2Cadd-the-google-tag-directly-to-your-web-pages
- https://gist.github.com/jirutka/5279057
推荐阅读
- 迷你世界10月29日激活码是多少
- 怎样赚钱快(500本金每天盈利20的表格)
- 红茶怎么做(红茶的功效与作用)
- P5431 【模板】乘法逆元 2
- 斗罗大陆:武魂觉醒荒野行纪1
- 实用帖:从成都到稻城亚丁,最全自驾游攻略
- 狼人杀怎样才能玩的好(狼人杀怎么玩难度高)
- 狼人杀全面教程(狼人杀的教程)
- 我该怎么做(我该怎么做才能被你偏爱)
- realmev15耳机插孔在哪里_realmev15耳机孔