如何使用 Google Tag Manager Click Event 获取隐藏输入的属性

Question

我使用 angularjs 动态创建和填充隐藏输入，如下所示：

<input type="hidden" id="input-{{counter_here}}" name="{{dynamic_name_here}}"
    value="dynamic_value_here" />

我想使用 Google Tag Manager (GTM) 根据inputs 的属性跟踪一些数据。

我像这样使用javascript

for(var i = 0; i < my_array.length; i++){
    $('#input-' + i).click();
}

...这样我就可以在这些inputs 中的每一个上触发一个点击事件（因为这些s 可能有多个实例input），从而在 GTM 中触发一个标签。

我知道在 GTM 中，我可以使用内置变量“单击 ID”来获取id单击时输入的属性。但我需要的是要记录的name和value属性；将name在GTM的“动作”以及value在GTM的“标签”。GTM 的“值”可以保留为默认值。

有任何想法吗？

更新

我试过使用

{{Click Element}}.getAttribute('name') // and
{{Click Element}}.getAttribute('value')

......像这样：

但是当我预览时，我只返回一个字符串而不是值：

Answer 1

正如您所发现的，事件操作和事件标签都作为字符串处理。与您尝试的方法内联的最简单的解决方案是为每个属性创建新的 JavaScript 变量：

然后使用新的 JavaScript 变量更新您的事件代码：