webentwicklung-frage-antwort-db.com.de

Klicken Sie in Google Analytics auf die Schaltfläche "Verfolgen" als Ziel

Ich habe eine Schaltfläche auf meiner Website. Wenn Sie auf diese Schaltfläche klicken, wird eine Telefonnummer angezeigt.

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>

Mit der folgenden jQuery

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

Das funktioniert super. Ich möchte aber auch die Klicks auf die Schaltfläche als Ziel in Google Analytics verfolgen.

Also habe ich href="/show/phonenumber-middle" onclick="javascript:pageTracker._trackPageview (‘Phonenumber Middle’);" target="blank" zum Button hinzugefügt:

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

Und ein Ziel in Google Analytics mit den folgenden Einstellungen hinzugefügt:.

Zieleinrichtung: Custom
Zieltyp: Destination
Ziel; Entspricht: /show/phonenumber-middle

Wenn Sie "Dieses Ziel hat eine Conversion-Rate von 0% basierend auf Ihren Daten" erhalten, werden im Echtzeitbericht keine Konversationen geführt.

Ich vermute, dass etwas mit dem <button> Nicht stimmt, aber ich habe keine Ahnung.

javascriptjquerybuttongoogle-analyticsgoal-tracking
21
Liu Kang

Ich würde dafür ein Google Analytics -Ereignis verwenden. Hier ist die Dokumentation für ein GA Klickereignis . Dann würden Sie in Zielen Ihren Zieltyp auf Ereignis setzen und Sie können es über die Kategorie, Aktion, verfolgen. oder Beschriftungsattribute

<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