web-dev-qa-db-ja.com

別のウェブサイトへのアンカークリックのGoogleアナリティクスの目標を作成する方法

私はGAを初めて使用します。私のサイトmysite.comにアンカーリンクを設定し、ユーザーを別のWebサイトsite2.comに誘導しています。アンカーをクリックすると、GAダッシュボードに目標を設定できますか？

google-analyticsgoal-trackinganchor
3
Sagi Mann

リンク上でイベントトラッキングを設定することをお勧めします。イベントトラッキングは、Google Universal Analyticsの次の構文を使用して実装できます

ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);

これは、次のようにサイトに実装できます。

<a href="site2.com" onclick="ga('send', 'event', 'Click', 'External Link Click', 'site2.com');">Link</a>

目標を設定するリンクにこれを実装したら、タイプとして「カスタム」目標を選択してから「イベント」を選択して、目標を設定できます。次に、category： 'Click'、Action： 'External Link Click'、Label： 'site2.com'。

1
Jaryd Buggins

目標を追跡するには、GAが目標の追跡に使用できるものとしてリンクのクリックを記録する必要があります。これは、イベントビューまたは仮想ページビューで実行できます。提供されたカスタマイズオプションのおかげで、イベントの質が向上しました。

ユーザーがサイトを離れる前にすべてのイベントがGAに送信されるようにするには、次の2つのオプションのいずれかを選択できます。

a）トラッキングコードを変更して、 transportbeacon を使用します。サンプルコード：

function handleOutboundLinkClicks(event) {
  ga('send', 'event', {
    eventCategory: 'Outbound Link',
    eventAction: 'click',
    eventLabel: event.target.href,
    transport: 'beacon'
  });
}

これは、navigator.sendBeaconをサポートするブラウザでのみ機能することに注意してください。

「beacon」を指定し、ユーザーのブラウザがnavigator.sendBeaconメソッドをサポートしていない場合、ヒットサイズに応じて「image」または「xhr」にフォールバックします。

b）追跡したいインタラクションで コールバック関数 を使用します。コードサンプル：

// Gets a reference to the form element, assuming
// it contains the id attribute "signup-form".
var form = document.getElementById('signup-form');

// Adds a listener for the "submit" event.
form.addEventListener('submit', function(event) {

  // Prevents the browser from submitting the form
  // and thus unloading the current page.
  event.preventDefault();

  // Sends the event to Google Analytics and
  // resubmits the form once the hit is done.
  ga('send', 'event', 'Signup Form', 'submit', {
    hitCallback: function() {
      form.submit();
    }
  });
});

サイドノート：

Autotrack と呼ばれるGoogleの興味深いプラグインもあります。このプラグインには eventTracker module があり、次のようにイベントトラッキングをコーディングできます。

<button
  ga-on="click"
  ga-event-category="Video"
  ga-event-action="play">
  Play video
</button>
0
Bartek