在 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 分析中添加了一个目标：.

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

获取 "This Goal would have a 0% conversion rate based on your data" 并且在实时报告中没有对话。

我猜 <button> 有问题，但我不知道。

Answer 1

我会为此使用 Google 分析事件。 Here is the documentation for a GA click event。然后在goals中，你可以将你的目标类型设置为event，你可以通过Category、Action或Label属性来跟踪它

<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>

在 Google Analytics 中跟踪按钮点击作为目标

Track button click as goal in Google Analytics

javascript

jquery

google-analytics

button

goal-tracking