Googleカスタム検索とAnalyticsのサイト内検索レポート【パシのSEOブログ】

Googleカスタム検索をサイトに設置する事により、サイト内検索で使用されたキーワードをGoogle Analyticsで解析することができます。

Googleカスタム検索の日本語版が登場し数か月経ちますが、いまさら取り上げてみます。

[追記：2010.02]
Google カスタム検索の機能が大幅に変更されています⇒Google カスタム検索導入手順

Googleカスタム検索をサイト内に設置

１. カスタム検索エンジンの作成

カスタム検索エンジンにアクセスし、カスタム検索エンジン作成をクリックします。

• 検索エンジンの名前：適当に
• 検索エンジンの説明：適当に
• 検索するサイト：ドメイン/*
• 同意にチェックし次へ

• テストしたい人はテスト
• 確認メールは特に必要なし
• 完了

２. カスタマイズ

カスタム検索にログインしコントロールパネルをクリックします。

下図ではGoogle検索一つのみですが、作成済みのマイ検索エンジンが一覧で表示されます。

• 検索エンジンのキーワード：必要性がわからない
• 検索エンジンのエンコード：サイトで使用しているエンコードを選択

検索エンジンのエンコードをサイトのエンコードと異なると日本語の検索が上手くいきません。しかし、後述しますがutf-8以外のエンコードにするとAnalyticsのキーワードが文字化けします。

広告の非表示

コントロールパネルの基本項目の下の方に広告表示に関する項目がありますが、特別な団体でないと広告の非表示は利用できないようです。

３. コードを貼る

サイトページ内に検索結果を表示するためには専用ページが必要となります。（iframe表示ではなくオーバーレイ表示で利用する場合やGoogleページとして表示する場合には必要ありません。）

専用ページのベースが出来上がったら、それぞれのページにコードを貼ります。

• 検索結果のホスティングオプション：自サイトで検索結果をホスト
• 検索結果の詳細設定：http://ドメイン/results.html（ファイル名は任意）
• 広告を表示する場所を指定：右が良いかな（横幅注意）
• 検索ボックスコード：検索ボックスを表示したい位置に貼り付け
• 検索結果コード：results.htmlに貼り付け

サイト内ではなくGoogleページとしてサイト内検索結果を表示したいという方は、「Googleページで検索結果をホスト」をON

cse-search-resultsの＜/div＞を一番下に移動してもOKです。

検索ボックスのサイズ変更

検索ボックスの横幅を調整したい場合は、size=”31″の部分を自分の好きなサイズに変更します。

検索結果ページの横幅

results.htmlに貼り付けるコード内にある「googleSearchFrameWidth = 600;」の数値を変更すれば検索結果部分の横幅が変更できるような感じですが、600px未満にはできません。

さらに、広告を横に表示すると最小で795px？になりますので、サイト内のページとして表示する場合にはサイズに注意です。

600px未満にする方法を知っている方がいましたらご教示ください。

サイト内検索に自分のAdSenseを関連付けて稼ぎたいという方は「検索向けAdSense」などでググって下さい。

Google Analyticsのサイト内検索レポート

Googleカスタム検索を設置しただけではAnalyticsでデータを取得する事はできません。

サイト内検索レポートを有効にする

プロファイルの編集 ⇒ サイトプロファイル情報の編集

• サイト内検索レポートを有効にするをON
• クエリパラメータ：q
• 変更を保存
• 待つ

後は試しにサイト内検索してみてレポートが上がってくれば設定完了です。

※検索ボックスを設置したページとresults.htmlにAnalyticsのコードが必要です。
※GoogleにインデックスされていないページはHITしません。

サイト内検索レポートを見る

Analyticsのお約束とも言える文字化け発生です。utf-8以外のエンコードを指定すると日本語が化けるようです。

今のところ対処法は見つけられておりません。サイトをutf-8にするしかないのでしょうか？

タグ：Analytics サイト内検索 Google