chrome extension 拓展插件添加google analytics统计

待我称王封你为后i 2023-10-04 23:37 14阅读 0赞

不能直接使用google analytics的手动安装代码，不能直接添加到html页面中，不然会报错；

![f51b3d2d157446bdaede3523d139171d.png][]

Refused to load the script 'https://www.googletagmanager.com/gtag/js?id=G-WDMVX87J6G' because it violates the following Content Security Policy directive: "script-src 'self'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

正确逻辑：

要先手动去将gtag.js下载到本地，然后通过本地代码的方式添加进去

![1d21a03247b94894ae028d2ce9466868.png][]

打开这个链接，然后复制返回的js代码，新建一个gtag.js文件保存：

![1b18ef0f74fc4a238b0a271f841851c3.png][]

在本地保存一个gtag.js:

![44b011f9226446cdb5e7f056afb3798e.png][]

然后在工具类中添加剩余的js代码：

![f3f14410ca2046499d76b70f4fefeec5.png][]

然后就OK了

[f51b3d2d157446bdaede3523d139171d.png]: https://img-blog.csdnimg.cn/f51b3d2d157446bdaede3523d139171d.png
[1d21a03247b94894ae028d2ce9466868.png]: https://img-blog.csdnimg.cn/1d21a03247b94894ae028d2ce9466868.png
[1b18ef0f74fc4a238b0a271f841851c3.png]: https://img-blog.csdnimg.cn/1b18ef0f74fc4a238b0a271f841851c3.png
[44b011f9226446cdb5e7f056afb3798e.png]: https://img-blog.csdnimg.cn/44b011f9226446cdb5e7f056afb3798e.png
[f3f14410ca2046499d76b70f4fefeec5.png]: https://img-blog.csdnimg.cn/f3f14410ca2046499d76b70f4fefeec5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 Google Analytics Measurement Protocol添加自定义统计事件

有能力的可以直接看官方文档：[https://developers.google.com/analytics/devguides/collection/protocol/ga4

缺乏、安全感/ 2023年10月08日 22:59/ 0 赞/ 33 阅读

相关 chrome extension 拓展插件添加google analytics统计

不能直接使用google analytics的手动安装代码，不能直接添加到html页面中，不然会报错； ![f51b3d2d157446bdaede3523d139171d.

待我称王封你为后i/ 2023年10月04日 23:37/ 0 赞/ 15 阅读

相关 chrome extensions插件单独打开全新的一个拓展tab页v3

想要在tab页上单独打开一个html页面，好像没什么难度，只需要在manifest.json中添加tabs权限，然后新创建一个html页面即可先添加一个权限:tabs

╰+哭是因爲堅強的太久メ/ 2023年10月04日 20:22/ 0 赞/ 48 阅读

相关 chrome拓展插件开发中使用chrome.storage本地存储

一、描述在扩展程序中本地存储数据可以通过 `chrome.storage` API 实现，和 web 中的 localstorage 在某些方面是有区别的，chrome

港控/mmm°/ 2023年10月04日 20:21/ 0 赞/ 77 阅读

相关前端拓展：如何开发一个 Chrome 插件？

什么是浏览器插件？简单来说浏览器插件，是浏览器上的一种工具，可以提供一些浏览器没有的功能，帮你做一些有趣的事情。开发者可以根据自己的喜欢，去实现一些功能。插件基于Web

痛定思痛。/ 2022年11月04日 15:19/ 0 赞/ 205 阅读

相关 Chrome插件（Extensions）开发攻略

本文将从个人经验出发，讲述为什么需要Chrome插件，如何开发，如何调试，到哪里找资料，会遇到怎样的问题以及如何解决等，同时给出一个个人认为的比较典型的例子——获取网页内容，和

刺骨的言语ヽ痛彻心扉/ 2022年08月26日 14:10/ 0 赞/ 299 阅读

相关 Google Chrome 常用插件清单

常用 AdBlock Proxy SwitchyOmega 开源代码 Awesome Autocomplete for GitHub Octo Mate

àì夳堔傛蜴生んèń/ 2022年04月23日 08:18/ 0 赞/ 295 阅读

相关 google 浏览器 chrome 去广告插件

1. 插件名称：Adblock Plus 2. 安装方法：在chrome浏览器中搜索adblock plus chrome ![watermark_type_ZmFuZ3p

川长思鸟来/ 2022年04月13日 07:19/ 0 赞/ 946 阅读

相关 Google Chrome安装插件

“春江潮水连海平，海上明月共潮生” 浏览器版本版本 70.0.3538.110（正式版本）（32 位）这是目前的最新版。步骤： 1. 打开扩展程序

向右看齐/ 2022年04月11日 02:45/ 0 赞/ 431 阅读

相关 Chrome插件（Extensions）开发攻略

本文将从个人经验出发，讲述为什么需要Chrome插件，如何开发，如何调试，到哪里找资料，会遇到怎样的问题以及如何解决等，同时给出一个个人认为的比较典型的例子——获取网页内容，和

红太狼/ 2021年11月24日 01:20/ 0 赞/ 341 阅读