GTM 自定义 Javascript 变量不起作用（return 函数）

Question

我已经看了好几天了，完全被困住了。我正在使用的页面如下所示：

<div class="field--item">
<span class="file file--mime-application-pdf file--application-pdf icon-before">
<div class="file-info text-center--mobile"><span class="file-icon"><span class="icon glyphicon glyphicon-file text-primary" aria-hidden="true"></span></span><div class="file-wrapper"><span class="file-name">17840.pdf</span><span class="file-size">94.35 KB</span></div></div>
<span class="file-link"><a href="/dashboard/download/17840/122526" class="resource-button" resource-name="Kennedy's actions in Vietnam in 1962" resource-file-id="122526" resource-file-type="PDF" resource-subject="History" resource-category="">Download</a>
</span></span></div>

我设置的自定义变量如下所示：

function() {
    return document.getElementsByClassName('resource-button')[0].getAttribute('resource-name').text();
}

我真正想做的是设置一个变量，在单击“下载”按钮时提取资源名称。我知道要单独设置实际的点击跟踪等，我只是无法让这个函数将任何东西拉到 'defined'.

以外的变量

任何帮助或在正确方向上的点头都将非常感激。谢谢！

Answer 1

也许你可以使用点击事件：

<a href="/dashboard/download/17840/122526" onclick="myFunction(this);">Download</a>

<script>
    function myFunction(elem) {
       var yourAttribute = elem.getAttribute('yourAttribute');
    }
</script>

Answer 2

尝试删除末尾的 text() 函数：

function getAttribute() {
  return document.getElementsByClassName('resource-button')[0].getAttribute('resource-name');
}

console.log(getAttribute());

<div class="field--item">
<span class="file file--mime-application-pdf file--application-pdf icon-before">
<div class="file-info text-center--mobile"><span class="file-icon"><span class="icon glyphicon glyphicon-file text-primary" aria-hidden="true"></span></span><div class="file-wrapper"><span class="file-name">17840.pdf</span><span class="file-size">94.35 KB</span></div></div>
<span class="file-link"><a href="/dashboard/download/17840/122526" class="resource-button" resource-name="Kennedy's actions in Vietnam in 1962" resource-file-id="122526" resource-file-type="PDF" resource-subject="History" resource-category="">Download</a>
</span></span></div>

GTM 自定义 Javascript 变量不起作用（return 函数）

GTM Custom Javascript Variable not working (return function)

javascript

return

function

click-tracking

google-tag-manager