google-chrome-extension - 如何在 Chrome 扩展程序中使用 Google Analytics?
问题描述
这个官方教程似乎已经过时了,因为 ga.js 根据this已被弃用。
此外,在教程中它有:_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
但是UA-XXX-X
属性 ID 不是帐户 ID。
最新的似乎是analytics.js
我尝试了这个解决方案,但它对我不起作用。我看到了错误
拒绝加载脚本“https://www.google-analytics.com/analytics.js”,因为它违反了以下内容安全政策指令:“script-src 'self' https://www.googletagmanager.com”。请注意,'script-src-elem' 没有明确设置,因此 'script-src' 用作后备。
我正在使用以下代码popup.js
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga("create", "UA-XXXXX-X", "auto");
ga('set', 'checkProtocolTask', null); // Disables file protocol checking.
ga('send', 'pageview', '/popup'); // Set page, avoiding rejection due to chrome-extension protocol
在manifest.json
我有
"content_security_policy": "script-src 'self' https://www.googletagmanager.com; object-src 'self'"
- 在 Chrome 扩展程序中使用 Google Analytics 的最新正确方法是什么?
- 在 Google Analytics(分析)中创建新媒体资源时,我应该在“Web URL”字段中输入哪个 URL?
解决方案
解决方案是删除 CSP 应该提供的保护,但是您必须在 GTM 的便利性或通过 CSP 的安全性之间进行选择,您可以在此处找到有关此的文章:https://www.simoahava。 com/analytics/google-tag-manager-content-security-policy/
推荐阅读
- jenkins - Jenkinsfile 远程构建 - 如何从 jenkinsfile 设置“身份验证令牌”
- java - 在功能接口中从 java 8 map reduce 中断或返回
- android - 本地化字符串未正确显示
- frontend - 如何从 BootstrapVue 中的 B-form-file 动态组件中正确解析文件名
- javascript - 带有参数的角“惰性”路由在本地工作,但在生产中不工作
- javascript - 使用 javaScript 在 chrome explorer 等文本中查找单词
- c++ - Cygwin libzint(zint) 进入无限循环
- html - 如何使用网格使图像适合浏览器窗口?
- javascript - 无法使用 React JS 编辑输入文本
- javascript - 如何遍历模板文字中的对象数组并为每个对象使用函数?