将 GA 集成到 chrome 扩展、清单 v3 中

Posted

技术标签:

【中文标题】将 GA 集成到 chrome 扩展、清单 v3 中【英文标题】:Integrating GA in chrome extension, manifest v3 【发布时间】:2021-09-30 22:51:55 【问题描述】:

我需要使用 manifest v3 将 GA 集成到我的 chrome 扩展中。看起来我错过了什么,但我无法弄清楚我到底做错了什么。

我的扩展只有一个内容脚本和 background.js,我在其中监听事件,以便在用户单击扩展工具栏中的图标时执行 content.js。内容脚本自己将小部件 UI 注入网站,用户可以与之交互。而且我需要跟踪点击事件。

就清单 v3 enter link description here 而言,我需要使用保护 GA 脚本,例如

    "content_security_policy": 
        "extension_pages": "script-src 'self' https://www.google-analytics.com/analytics.js"
    ,

但是当我尝试在 chrome://extansions 页面上刷新我的扩展程序时,它会向我抛出一个失败状态的弹出窗口

也许有人对如何解决这个问题有任何想法?

【问题讨论】:

【参考方案1】:

我可以通过将analytics.js 文件嵌入到我的扩展中来做到这一点。

然后ga 函数将在内容脚本的窗口范围window.ga 中可用。

【讨论】:

您能解释一下您将如何使用谷歌标签管理器来做这件事吗?也许您可以提供它作为该问题的答案:***.com/questions/68981213/…【参考方案2】:

您正在尝试使用分析嵌入文档并在“https://www.google-analytics.com/analytics.js”处请求脚本。但是根据这个document,对于扩展,您应该使用以下版本:“https://ssl.google-analytics.com/ga.js”。 (并相应地更新清单)

在给定的文档中,您可以找到有关在扩展程序中实施 Google 分析的更多详细信息: https://developer.chrome.com/docs/extensions/mv3/tut_analytics/

重要说明: 即使您根据此官方文档更正所有内容,您也可能会收到清单填充错误。我还没有找到解决这个问题的方法,一般来说,似乎不可能将 Google Analytics 连接到具有版本 3 清单的扩展(这是不准确的)

【讨论】:

以上是关于将 GA 集成到 chrome 扩展、清单 v3 中的主要内容,如果未能解决你的问题,请参考以下文章

chrome 扩展 mv3 - 模块化服务工作者 js 文件

将 jQuery 加载到 chrome 扩展中

chrome 扩展 - 清单版本 2

Chrome 扩展清单版本:2 xml

JS 函数未定义 Chrome 扩展 Popup.js

Chrome扩展程序已损坏