在 Google 标签管理器中设置事件，在 HTML 中没有元素 ID

Question

在 google 标签管理器中，我试图在表单提交时设置分析事件。理想情况下，通过 GTM 配置表单提交事件需要表单 ID，但 HTML 页面没有定义任何元素 ID（不存在表单 ID）。

是否有解决方法来捕获没有在 HTML 中定义的元素 ID 的事件？

Answer 1

这取决于你想走的路线。但是，无论路由如何，您都绝对需要一些可以标识表单 and/or 提交按钮的东西。它不需要是一个 ID，但如果有一个唯一的包装器 class 或 ID 是理想的。

您可以跟踪提交按钮的点击次数，但是，您的数字不会完全准确。例如，如果您在该表单上有一个必填字段，并且有人单击提交按钮，则该表单将不会提交。但是，无论如何，您的代码都会触发。也就是说，跟踪点击次数可能是一个简单的解决方案，并且可以让您很好地了解您的网络表单带来了多少互动。

要在提交按钮上实现跟踪，请添加类型为 "Custom HTML" 的新标签。插入以下内容：

<script>
  (function ($) {
    $(function () {
      $('#submit-btn').click(function() {
        dataLayer.push({
            'event': 'GAEvent', 
            'eventCat': 'Form Submissions', 
            'eventAction': 'Form Submission Action', 
            'eventLabel': 'Form Submissions Label',
            'gaNonInt': false
        });
      });
    });
  }(jQuery));
</script>

基本上，只要单击与“#submit-btn”ID（可以是 class 或 ID）关联的 HTML 元素，此函数就会将数据推送到 GA。在我的例子中，该 ID 附加到表单 <button> 元素。

您需要为 event、eventCat、eventAction 等设置变量才能使其正常工作。

我只在 GTM 中使用 JQuery，但想象一下还有其他方法可以跟踪您的表单点击。如果您需要进一步的帮助，我很乐意更详细地解释我的流程。否则，祝你好运！

在 Google 标签管理器中设置事件，在 HTML 中没有元素 ID

Setting events in Google tag manager without element IDs in HTML

html

google-analytics

google-tag-manager