标签: google-tag-manager

我在 JS 中有一个数据层事件推送，想知道是否也可以了解触发事件的用户的用户代理。

我正在尝试做一个简单的标签来测量元素被点击的次数。

我遇到了困难，所以我寻找一个视频来提供帮助，因为标签管理器布局已经改变。

我遵循 Udemy 上的以下免费教程

https://www.udemy.com/google-tag-manager-advanced/

特别是第 8 章“按钮点击”——这是一个免费章节。\xe2\x80\xa8\xe2\x80\xa8它告诉我设置以下选项：

标签配置：

Google Analytics\xe2\x80\xa8\xe2\x80\xa8跟踪 ID: {{跟踪 ID}}\n跟踪类型: 事件\n类别: 点击\n操作: 主页 CTA 按钮\n标签: (空白)\n值: (值)

然后在触发器上：

添加一个新的。\n为其命名 - 单击主页按钮

添加\xe2\x80\x9c只是链接\xe2\x80\x9d

他勾选了等待标签

他选择的\xe2\x80\x9c当所有条件都为真时启用此触发器\xe2\x80\x9d

下拉菜单中的页面路径。

现在这就是我的问题所在。当我做同样的事情时，我只有以下选择：

Google Analytics 设置\n页面主机名\n页面路径\n页面 URL\n引用者\n新变量\xe2\x80\xa6

现在，新变量发送到一个新窗口，该窗口为我提供了以下选项：

导航:\nhttp 引荐来源网址\nURL

页面变量:\n第一方 Cookie\n自定义 Javascript\n数据层变量\nJavaScript 变量

页面元素:\n自动事件变量\nDOM 元素

实用程序:\n常量\n自定义事件\n环境名称\nGoogle Analytics 设置\n查找表\n随机数

容器数据:\n容器 ID\n容器版本号\n调试模式

那么，如何设置触发器在每个页面上加载并跟踪是否有人单击 CSS ID 为 menu-item-6825 的元素？？？

完全迷失在这一点上。

我有谷歌标签管理器代码：

<!-- 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-5K4WCTR');</script>
<!-- End Google Tag Manager -->

谷歌的建议是：复制下面的代码并将其粘贴到您网站的每个页面上。将此代码粘贴到页面尽可能高的位置。

所以我担心的是我可以在关闭正文标签之前将代码放在网站页脚中吗？把它放在 head 中会影响谷歌页面速度得分吗？如果我这样做会有什么缺点。请分享您的知识和经验。

我有一个小网站，我使用Barba.js在页面之间创建平滑的过渡。因此，它不会完全加载新页面，而是使用 AJAX 在后台加载内容并将其添加到现有文档中。

因此，为了触发 Google 分析页面查看事件，我在 GTM 中使用历史更改触发器。而且似乎运行良好。在 GA 中，它正确记录页面浏览量。但在 Google Tag Assistant 中，它会不断增加每次页面加载时 GTM 标签的数量。我已经检查过它没有在页面加载时添加 GTM 标记。它仅向不包含 GTM 标记的文档添加主要内容容器。

这是第三页加载后的 TAG Assistant 屏幕截图：

Google Analytics 页面查看事件被触发 3 次，这是正确的，但 GTM 也被记录了 3 次。

我正在现有网站上实现 CSP，并一直在关注这篇文章，将 CSP 随机数传递给 GTM 并将其用作 GTM 中的自定义变量。

<script nonce="9CZ9vGge7C9At2iwrPtSNG7Ev10=" id="gtmScript">
<!-- Google Tag Manager -->
(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;var n=d.querySelector('[nonce]');
n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MYID');
<!-- End Google Tag Manager -->
</script>

变量被添加为 DOM 元素变量。然后我将变量值添加到我的自定义脚本中。这是一个演示脚本。它是 GTM 中的整个自定义 HTML 标记。

<script nonce="{{nonce}}">
  console.log("CSP-allowed script with nonce:", "{{nonce}}");
</script>

问题是，CSP 仍然阻止这一点。它与 {{nonce}} 变量无关 - 通过将 CSP 更改为“不安全内联”并在控制台中查看正确的值输出来证明。

从那以后我一直在读到GTM 会从它内联注入的标签中剥离属性。这很奇怪，因为这意味着上面链接的文章实际上永远不会起作用（这只是一篇 3 个月前的文章）。但这是否意味着实际上不可能让自定义 HTML GTM 标记中的脚本与 CSP 一起运行？上面链接中的解决方案是不可能的，因为脚本总是会被 CSP 阻止。

更新：这是我的 CSP

<meta http-equiv="Content-Security-Policy" content="
            default-src 'none' ;frame-src 'self';
            script-src …

我\xc2\xb4被分配了有史以来最无聊的任务。我需要在电子表格中写入标签的名称及其触发规则。由于我们有很多客户，所以有很多标签。

我想知道是否有一种方法可以自动化？

我只需要标签的名称及其触发规则。

尝试在 GTM 中设置自定义 JavaScript，其中检查了 X 的 innerHTML 值，如果它是 X 则触发。

这是我到目前为止所拥有的，但它没有正确发射

function() {
  var el = document.getElementById('ltrNumPlaceholder');
  if (el == null) return 0;
  return parseInt(el.innerHTML);
 }

我也试过这个，但 GTM 抱怨在不存在的行上存在语法错误。（以下 GTM 错误消息是：“第 5 行错误，字符 2：解析错误。')' 预期。 ”)

function(){
   var stepNum = document.getElementById('ltrNumPlaceholder').innerHTML;
   if(stepNum == 2)return parseInt(stepNum);
};

提前感谢您的帮助。

页面上有两个 dataLayer 变量。如何将它们组合成一个变量，以便将其推入分析中？

dataLayer 当前格式 PageName: AIR_SEARCH_PAGE Flow:BOOKING

我想创建另一个变量 XYZ，结果显示为 BOOKING:AIR_SEARCH_PAGE。如何实现这一目标？XYZ:预订:AIR_SEARCH_PAGE

我不知道这是否是正确的交流要求,但如果不是,请指出我正确的方向.

我正在搜索Google上有关_dc_gtm_UA-XXXXXXXX-XCookie的一些信息,其中X是GA代码.

但我找不到任何官方文件.

谁能提供som官方文档？

当我启用预览模式时，调试器会在我的站点上弹出，因此跟踪 ID 似乎是正确的。

我的标签配置如下所示：

type: UA, track-type: event, category: next-question, label: {{Click Element}}, non-interaction: true, GA-settings: {{smb tracking-id}}

我的触发器配置如下所示：

trigger-type: click all-elements, this-trigger-fires-on: some-clicks, fire-trigger-when: Click Classes...Contains...next-question

我的另一个事件是一个通用的页面点击事件。

它们都在预览模式下触发，但它不会显示在 /behavior/events 下的 Google Analytics 中。

非常感谢对此的任何想法/见解。

我的 gtm 代码有问题，突然停止记录数据，我开始收到此错误。

“无效或意外的令牌”

根据开发工具，错误来自

<!-- Global site tag (gtag.js) - Google Analytics -->\n<script async src=\xe2\x80\x9chttps://www.googletagmanager.com/gtag/js?id=UA-149259800-1\xe2\x80\x9d></script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag(\xe2\x80\x98js\xe2\x80\x99, new Date());<------------------------HERE\n  gtag(\xe2\x80\x98config\xe2\x80\x99, \xe2\x80\x98UA-SOMETHING\xe2\x80\x99);\n</script>\n

但即使当我删除该行时，错误也会传递到下一个 gtag() 行\n可能是什么原因导致的？