Googleアナリティクスでサイト内検索(ajax)を記録する

※この記事は、ブログ等を自分で運用している方向けです。

Googleアナリティクスには、サイト内検索を記録する機能があります。サイト内検索の設定で、?q=や、?s=のように、検索キーワードが来る場所を設定してあげればOKです。

ところが、私の運営するウェブサイトでは、サイト内検索はページ遷移しないで検索結果を表示するようにしています。(ajaxを利用しています。)

グーグルアナリティクスの標準機能はページ遷移することを想定しているようです。そこで、ページ遷移しない場合でもサイト内検索語をグーグル解析で記録できるようにしました。

コード例は以下のようになります。

$('#searchform').on("submit",function(){ // サイト内検索を発火する
    gtag('event', 'search', { // searchというeventが発生したことを、グーグルへ送信する。
        'event_label': $(this).children('.input').val() // 送信するイベントラベルに、検索ボックスの値を設定する
    });
    // 以下、検索実行処理‘
});

プログラムはjQueryを想定しています。#searchformは検索フォームを指定し、$(this).children('.input').val()は、検索フォームの検索ボックスを指定します。ご自身のホームページ・ブログによって異なりますのでご注意ください。

グーグルアナリティクスで確認する方法

グーグルアナリティクスの管理画面の「行動」「イベント」「上位のイベント」と進み、「イベントラベル」を押してください。そうすると、検索ワードが表示されます。

検索を試してみたい方は、↓をごらんください。

他のページもごらんください。