谷歌标签管理器不适用于 Chrome 扩展

如何解决谷歌标签管理器不适用于 Chrome 扩展

我的 chrome 扩展应用程序没有弹出窗口，而是将 HTML 注入到专用域。我想跟踪用户是否点击了被注入的按钮以及多久和多久。

我遵循此 article 是因为在网络上几乎没有其他指导可以遵循。

我遵循的步骤：

1-将分析代码添加到我所有的 JS 文件中。

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXX');

2- 将 src 添加到所有 JS 文件中：

$('head').append('<script async src="https://www.googletagmanager.com/gtag/js?id=UA-..."></script>');

3 - 修改我的 manifest.json：

"content_security_policy": "script-src 'self' https://www.google-analytics.com https://www.googletagmanager.com https://ajax.googleapis.com; object-src 'self'",

4- 单击“在此标记中启用覆盖设置”以提供以下字段和值：

checkProtocolTask : false
page: mycustompage

因为扩展没有 URL。

然而，我的 google 分析实时事件中没有任何事件，也没有任何有效的迹象。是否有我错过的步骤或应该做其他事情？或者我应该完全转移到另一个分析平台，该平台适合没有 URL 的应用且更易于使用。