はてなブログ付属のブログ内検索
2014/01/07現在、はてなブログにはブログ内検索が標準で付いているのですが、実際に検索をするとブログの内容全体が表示されるので検索結果がたくさんある場合にはページを探すのに苦労します。
しかも、私のブログの場合、アドセンス広告が記事内に貼ってあるので、検索内容によってはドバっとたくさんの広告が表示されてしまうのでこれはまずい。
1ページ3つまでというアドセンス広告のルールを破ってしまい、5つ6つと同一ページにたくさんの広告が出てしまいます。
検索結果では、タイトルだけをリストアップして、表示してくれるとありがたいのですが…。
一方、カテゴリー検索の結果はタイトルだけが並ぶのであんなふうにならないものかと思っています。
そこで、「Googleカスタム検索」の出番です。Googleカスタム検索を使えば、検索結果をシンプルに表示できます。表示されるのは、「タイトル+内容の一部」です。
こんな感じに検索結果が表示されます。サムネイルも付いてとても一覧性が高い!
今回は、はてなブログにこのGoogleのカスタム検索を付けるまでを書いてみます。
はてなブログにGoogleカスタム検索を設置するまで
まずは、GoogleAdSenseのアカウントで、ログインします。その後、Googleカスタム検索を開きます。(GoogleAdSenseアカウントのない方でも収益化出来ませんが利用だけは可能です)
◎Googleカスタム検索
「Addをクリック」
検索するサイトに自分のはてなブログのURLを入力します。私の場合は、サイト全体なので、「yonta64.hatenablog.com/*」です。
続いて言語を「日本語」、名前を変更したい場合は、「名前を変更」から変更可能です。これはカスタム検索上の区別のため表示される名前ですので、私は変更しませんでした。最後に「作成」をクリックすれば完成です。
出来上がったら、「コードを取得」をクリック。コードが表示されるので、コードをコピーしてはてなブログに貼り付けるだけです。
はてなブログの「デザイン」から「サイドバー」→「モジュールの追加」を選び「HTMLモジュール」を選択して、タイトルとGoogleカスタム検索で取得したコードを貼り付けて「適用」すれば完成です。
変更を保存して、はてなブログをチェックすると、サイドバーにGoogleカスタム検索が出来上がっています。
Googleカスタム検索のページでは、デザイン設定も出来るようになっているので、私の場合は最終的にこんなデザインにしました。バックの色なども変更可能なのではてなブログの雰囲気に合わせた検索窓を設置可能です。
更に、GoogleAdSenseを設定済みで、AdSenseを利用しているGoogleアカウントでログインしてこのカスタム検索を作った方であれば、検索結果の広告がクリックされると収益が発生するように連携もできます。
「広告設定」タブの「検索エンジンの収益化」を「オン」にすると、「アカウントはAdsense IDに関連付けられています」の部分に自分のGoogle AdSenseのIDが表示されます。