web-dev-qa-db-ja.com

Googleアナリティクスでボタンクリックを目標として追跡する

ウェブサイトにボタンがあり、このボタンをクリックすると電話番号が表示されます。

[〜＃〜] 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アナリティクスの目標として追跡したいと考えています。

そこで、ボタンに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>_に何か問題があると思いますが、手がかりはありません。

javascriptjquerybuttongoogle-analyticsgoal-tracking
21
Liu Kang

これには、Google Analyticseventを使用します。 GAクリックイベント のドキュメントがあります。目標では、目標タイプをイベントに設定し、カテゴリ、アクション、またはラベル属性

<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