跟踪按钮单击作为Google Analytics中的目标

Question

我的网站上有一个按钮,单击此按钮会显示一个电话号码.

HTML

<div class="call-wrapper-middle">
    <button id="call-phone-middle"><i class="fa fa-phone"></i>Call us</button>
    <div class="call-number-middle" style="display: block;"> <a href="tel:555" class="number">555</a></div>
</div>

使用以下jQuery

(function($) {
  $("button#call-phone-middle").click(function() {
    $(this).hide();
    $("div.call-number-middle").show();
  });
})(jQuery);

这非常有效.但我也希望跟踪按钮上的点击次数作为Google Analytics中的目标.

所以我添加href="/show/phonenumber-middle" onclick="javascript:pageTracker._trackPageview (‘Phonenumber Middle’);" target="blank"到按钮:

<div class="call-wrapper-middle">
    <button href="/show/phonenumber-middle" onclick="javascript:pageTracker._trackPageview (‘Phonenumber Middle’);" target="blank" id="call-phone-middle"><i class="fa fa-phone"></i>Call us</button>
    <div class="call-number-middle" style="display: block;"> <a href="tel:555" class="number">555</a></div>
</div>

并使用以下设置在Google Analytics中添加了目标:

目标设定:Custom
目标类型:Destination
目的地; 等于:/show/phonenumber-middle

获取"此目标将根据您的数据获得0%的转化率",而在实时报告中则没有对话.

我的猜测是有问题,<button>但我不知道.

Answer 1

我会使用Google Analytics 事件.以下是GA点击事件的文档.然后在目标中,您可以将目标类型设置为事件,并可以通过"类别","操作"或"标签"属性进行跟踪

<div class="call-wrapper-middle">
    <button href="/show/phonenumber-middle" onclick="__gaTracker('send', 'event', 'buttons', 'click', 'phone-number-middle');" target="blank" id="call-phone-middle" style="display: none;"><i class="fa fa-phone"></i>Call us</button>
    <div class="call-number-middle" style="display: block;"> <a href="tel:555" class="number">555</a></div>
</div>