javascript - medir - Haga clic en el botón de seguimiento como objetivo en Google Analytics

medir clicks google analytics

Question

Tengo un botón en mi sitio web, al hacer clic en este botón aparece un número de teléfono.

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>

Usando el siguiente jQuery

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

Esto funciona muy bien. Pero también deseo hacer un seguimiento de los clics en el botón como objetivo en Google Analytics.

Así que agregué href="/show/phonenumber-middle" onclick="javascript:pageTracker._trackPageview (''Phonenumber Middle'');" target="blank" href="/show/phonenumber-middle" onclick="javascript:pageTracker._trackPageview (''Phonenumber Middle'');" target="blank" al botón:

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

Y agregó un objetivo en Google Analytics con la siguiente configuración:

Configuración de objetivos: Custom
Tipo de gol: Destination
Destino; Es igual a: /show/phonenumber-middle

Obtener "Este objetivo tendría una tasa de conversión del 0% según sus datos" y en el informe en tiempo real no hay conversaciones.

Mi conjetura es que algo está mal con el <button> pero no tengo ni idea.

Answer 1

Yo usaría un evento de Google Analytics para esto. Aquí está la documentación para un evento de clic GA . Luego, en objetivos, establecería su tipo de objetivo en evento y podrá realizar un seguimiento a través de los atributos Categoría, Acción o Etiqueta

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