使用 Google Tag Manager 和 Google Analytics 跟踪提交的表单值

Question

我正在使用 Google 跟踪代码管理器来处理 Google Analytics。我的网站上有一个带有提交按钮的表单，我已通过 Google 跟踪代码管理器成功设置了点击监听器。

通过这个点击监听器，我想跟踪在点击监听器触发时表单中存在哪些输入值，然后能够根据这些值对 Google Analytics 中的事件进行排序。我查看了 Google Analytics 维度和指标，但这些似乎无法按照我希望的方式存储表单值。

有谁知道解决这个问题的最佳方法？我想我可能无法理解维度和指标真正应该用于什么......还有其他一些谷歌分析工具可以更轻松地完成吗？

Answer 1

在 Google 跟踪代码管理器社区中查看 discussion。

这就是它的全部：

1. 创建一个新的自定义 JavaScript 宏

2. 假设您正在使用自动事件：

   function() {
     // Assuming that {{element}} is the form you want.
     // This should be the case if you're using Auto Events.
     var form = {{element}};
   
     // Assuming there's only one <select> in the form.
     var select = form.getElementsByTagName('select')[0];
   
     var results = [];
     for (var i=0; i<select.options.length; i++) {
   
       // Assuming you want the value attributes of the selected.
       // You could also use .text here instead of .value.
       if (select.options[i].selected) results.push(select.options[i].value);
     }
   
     // Assuming you want an array of the selected values.
     // If you want a CSV string, return results.join() instead.
     return results;
   }
   

所有这些代码都是由 Brian Kuhn 通过我上面引用的 Google Plus 帖子编写的。不试图获得荣誉。