跟踪同一元素的多次点击

Question

寻找一种方法来跟踪某个元素是否被多次单击（例如，用户多次单击 "Submit" 按钮来下订单）。

我们正在做一些重新开发网站的工作，在我们的用户体验研究中，我们发现人们不会从网站下载 PDF，因为按钮后面的 link 坏了。我们注意到人们往往会在放弃之前点击几次按钮，但有些人仍然设法下载 PDF。

为了表明我们对代码的更改改善了网站性能和用户体验，我们想表明这些 "multiple clicks" 已经减少。

由于网站使用 Google 分析，我尝试在 GTM 中创建一个变量来计算同一点击元素的点击次数（这不起作用）：

function() {
var the_div = {{Click Element}};
var clickCount = 0;                      
return clickCount;                      
}

我希望输出是我点击“点击元素”（1、2、3 等...）的次数计数

Answer 1

在全局范围内使用 javascript 变量

<script>
countClicks = 0;
    function clickCountFunction() {
         countClicks++;
    }
</script>

在按钮中添加onClick属性并在其中调用clickCountFunction()

Answer 2

这样试试。

定义一个计数变量。并在每次点击时增加它。

var i = 1;
$('#elem').on('click',function(){
  console.log(i);
  i++;
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="elem">click here</div>

Answer 3

抱歉延迟回复。我们找到了解决方案。

正如 Piertstorff 所指出的，变量每次调用时都会将 clickCount 设置为零。解决方案是构建自定义 HTML 标记（运行 JS）——而不是变量——在页面加载触发器上触发并在 2 秒时间范围内侦听多次点击。 HTML 标签然后将事件传递给 DataLayer 并存储在变量中。

该变量（表示发生多次点击）激活另一个代码的触发器，该代码将 {{Click 类}} 变量传递给 GA

Tracking multiple clicks on the same element