メインコンテンツにスキップ

Ahrefs ウェブアナリティクスでの追跡イベント

ページビューやカスタムイベントを用いてサイト上の特定のユーザーアクションを追跡する方法を学びましょう。

Andrey Kirillov avatar
対応者:Andrey Kirillov
昨日アップデートされました

追跡されたイベントにより、訪問者がウェブサイトで行う具体的なアクション、例えば、ボタンを押す、フォームを送信する、または他の重要なインタラクションを測定できます。

自動で追跡されるもの

Ahrefs ウェブアナリティクスは、次のイベントを自動的に追跡します:

  • 外部リンクのクリック - プロジェクトの範囲外に行く有効なhrefを持つリンクをユーザーがクリックしたときにトリガーされます。event.preventDefault()が呼び出されない限り適用されます。

  • フォーム送信 - 有効なactionを持つフォームが送信されるとトリガーされます。event.preventDefault()が呼び出されない限り適用されます。

これらのイベントはセットアップを必要とせず、デフォルトでレポートに表示されます。 サイトで重要な他の具体的なアクションを測定するために、自分自身で追跡イベントを追加することもできます。

追跡されたイベントの種類

2種類のイベントを追跡できます:

  • ページビューイベント – 特定のページ (例えば、サンクスページやチェックアウトページ) を訪問した際にトリガーされます。

  • カスタムイベント – サイト内の要素に対してのインタラクション、例えばボタンクリックやフォームの送信、モーダルのオープン時にトリガーされます。

ページビューイベント

ページビューイベントは、確認ページや成功ページなどの重要なページへの訪問を追跡するのに役立ちます。 サイトに専用のURLが存在する場合、例えば/thank-you/checkout/successなど、それらを追跡イベントとして設定できます。

ページビューイベントを設定する方法:

  1. プロジェクトのためのWeb Analyticsレポートを開きます。

  2. 追跡されたイベントセクションまでスクロールし、新しいイベントをクリックします。

  3. ページビューをタイプとして選び、追跡したいページパスを正確に入力します。

  4. 認識しやすくするためにイベントに名前を付け、作成をクリックします。

カスタムイベント

カスタムイベントは、ページを再読み込みしないアクション(例えばボタンクリック、フォーム送信など)の追跡に有効です。 HTMLに特別なクラス名を追加することで設定できます。

最も簡単な設定方法は、HTMLにAhrefsAnalytics-event-EventName形式のクラスを追加することです。

例:

<a class="AhrefsAnalytics-event-signup" href="#">サインアップ</a>

このリンクがクリックされるとsignupというイベントが追跡されます。

フォームの場合も同様です:

<form class="AhrefsAnalytics-event-signup" action="/submit">
...
</form>

フォームが送信されるとsignupというカスタムイベントがトリガーされます。

レポートでカスタムイベントを表示するには、それを追加する必要もあります:

  1. プロジェクトのためのWeb Analyticsレポートを開きます。

  2. 追跡されたイベントセクションまでスクロールし、新しいイベントをクリックします。

  3. カスタムイベントをタイプとして選び、HTMLに使用した正確なイベント名を入力します。

  4. 認識しやすくするためにイベントに名前を付け、作成をクリックします。

JavaScriptを使用したカスタムイベントのトリガー

より正確な追跡のためにJavaScriptを使用してカスタムイベントを送信できます。 イベントのトリガータイミングをより制御できます

以下のスニペットはその方法を示しています:

if (window.AhrefsAnalytics != null) {
window.AhrefsAnalytics.sendEvent('signup');
}
こちらの回答で解決しましたか?