如何使用Google跟踪代码管理器获取隐藏的输入属性点击事件

时间:2016-11-28 11:54:31

标签: javascript angularjs google-tag-manager

我隐藏的输入是动态创建的,并使用angularjs填充,如下所示:

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

我想使用Google跟踪代码管理器(GTM)根据input s'tritriibutes跟踪一些数据。

我正在使用像这样的javascript

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

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

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

有什么想法吗?

更新

我尝试过使用

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

......就像这样:

enter image description here

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

enter image description here

1 个答案:

答案 0 :(得分:3)

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

enter image description here

然后使用新的JavaScript变量更新您的事件标记:

enter image description here