如何使用 Google 标签管理器点击事件获取隐藏输入的属性

Question

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

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

我想使用 Google 跟踪代码管理器 (GTM) 根据 input 的属性跟踪一些数据。

我正在这样使用javascript

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

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

我知道在 GTM 中，我可以使用内置变量 "Click ID" 来获取单击时输入的 id 属性。但是我需要的是要记录的name和value属性； GTM 'action' 中的 name 和 GTM 'label' 中的 value。 GTM 的 'value' 可以保留为默认值。

有什么想法吗？

更新

我试过使用

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

...像这样：

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

Answer 1

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

然后使用新的 JavaScript 变量更新您的事件标签：

如何使用 Google 标签管理器点击事件获取隐藏输入的属性

How to grab a hidden input's attributes using Google Tag Manager Click Event

javascript

angularjs

google-tag-manager