在 chrome 扩展中集成 google 标签 (GTM) 时应注意哪些要点？

Question

我想在我的 chrome 扩展程序中使用 Google 标签管理器。在 chrome 扩展中集成 google 标签 (GTM) 时应注意哪些要点？

Answer 1

因为 google chrome 扩展在当前打开的网站的上下文中工作。内容脚本被注入到当前网站的 DOM 和。因此我们不能使用网站的 body 标签。

所以我必须在这里注入一个iframe。我创建了一个 chrome 扩展页面并将其用作注入的 iFrame 的源代码。现在我有了专用的 html 页面，其中包含可用于放置 gtm 代码的 body 标签。但还没有结束。由于 chrome "content_security_policy" 不允许执行内联 javascript 代码，因此 GTM 代码必须位于 .js 文件中。

gtm.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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');

此处要做的另一项更改是在 https: 前加上 //www.googletagmanager.com

Html代码：

<body >
<script src="js/gtn.js"></script>

请参阅此 url 以获取快速安装指南。

https://support.google.com/tagmanager/answer/6103696?vid=1-635768734723363100-1900843843

发布此答案可能对其他人有所帮助。

此致。

在 chrome 扩展中集成 google 标签 (GTM) 时应注意哪些要点？

What points I should keep in mind while integrating google tag (GTM) in chrome extension?

google-chrome-extension

google-tag-manager