Кнопка отслеживания в качестве цели в Google Analytics

У меня есть кнопка на моем веб-сайте, нажатие на эту кнопку показывает номер телефона.

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>, но у меня нет подсказки.

Ответы

Ответ 1

Для этого я бы использовал событие Google Analytics. Вот документация для события щелчка GA. Затем в целях, вы должны установить тип своей цели на событие, и вы можете отслеживать его с помощью атрибутов 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>