我如何将 google 标签管理器插入 chrome 扩展中的弹出窗口？

Question

我创建了 chrome 扩展。我在弹出 html 中添加 google 标签管理器脚本并且没有脚本 iframe，如下所示：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Signals</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Tag Manager -->
<script>(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-XXXXXXX');
console.log(dataLayer);
</script>
<!-- End Google Tag Manager -->

</head>
<body>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  <ch-signals maxLines="7" lang="en" symbols="rub,usd,eur"></ch-signals>


<script type="text/javascript" src="ch_signal-f9eaa1a4.js"></script></body>
</html>

一切正常但 GTM 不工作，我在控制台中添加 console.log(dataLayer) 我看到 dataLayer 数组。怎么了？

Answer 1

我找到了答案。在扩展中，一切都是正确的，在 Google 标签管理器 (GTM) 中，有必要禁用协议检查。我在要设置的 GTM 字段中将 checkProtocolTask 设置为 false，将 path 设置为 {{PagePath}}，现在可以使用了！

我如何将 google 标签管理器插入 chrome 扩展中的弹出窗口？

How i can insert google tag manager to popup in chrome extension?

google-chrome-extension

google-tag-manager

angular