web-dev-qa-db-fra.com

Suivre le clic sur le bouton comme objectif dans Google Analytics

J'ai un bouton sur mon site Web, cliquer sur ce bouton révèle un numéro de téléphone.

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>

en utilisant le jQuery suivant

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

Cela fonctionne très bien. Mais je souhaite également suivre les clics sur le bouton comme un objectif dans Google Analytics.

J'ai donc ajouté href="/show/phonenumber-middle" onclick="javascript:pageTracker._trackPageview (‘Phonenumber Middle’);" target="blank" au bouton:

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

Et ajouté un objectif dans Google Analytics avec les paramètres suivants:.

Configuration de l'objectif: Custom
Type d'objectif: Destination
Destination; Égal à: /show/phonenumber-middle

Obtenir "Cet objectif aurait un taux de conversion de 0% en fonction de vos données" et dans le rapport en temps réel, il n'y a pas de conversations.

Je suppose que quelque chose ne va pas avec le <button> Mais je n'ai aucune idée.

javascriptjquerybuttongoogle-analyticsgoal-tracking
21
Liu Kang

J'utiliserais un événement Google Analytics pour cela. Voici la documentation d'un événement GA clic . Ensuite, dans les objectifs, vous devez définir votre type d'objectif sur événement, et vous pouvez le suivre via la catégorie, l'action, ou Attributs d'étiquette

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