はてなブログ云云でアフィリエイトがしたい人のブログ

「はてなブログ」でアフィリエイト・ブログカスタマイズ・最適化・色々試行錯誤中!

【スポンサーリンク】

はてなブログに、Googleカスタム検索を取り付けた~その手順。意外なほど設置方法は簡単でした

http://cdn-ak.f.st-hatena.com/images/fotolife/y/yonta24/20140107/20140107213126.png?1389097944

 

はてなブログ付属のブログ内検索

f:id:yonta24:20140107214248p:plain

 

 

2014/01/07現在、はてなブログにはブログ内検索が標準で付いているのですが、実際に検索をするとブログの内容全体が表示されるので検索結果がたくさんある場合にはページを探すのに苦労します。

 

しかも、私のブログの場合、アドセンス広告が記事内に貼ってあるので、検索内容によってはドバっとたくさんの広告が表示されてしまうのでこれはまずい。

 

1ページ3つまでというアドセンス広告のルールを破ってしまい、5つ6つと同一ページにたくさんの広告が出てしまいます。

 

検索結果では、タイトルだけをリストアップして、表示してくれるとありがたいのですが…。

 

一方、カテゴリー検索の結果はタイトルだけが並ぶのであんなふうにならないものかと思っています。

 

そこで、「Googleカスタム検索」の出番です。Googleカスタム検索を使えば、検索結果をシンプルに表示できます。表示されるのは、「タイトル+内容の一部」です。

 

f:id:yonta24:20140107210934p:plain

 

こんな感じに検索結果が表示されます。サムネイルも付いてとても一覧性が高い!

 

今回は、はてなブログにこのGoogleのカスタム検索を付けるまでを書いてみます。

 

はてなブログGoogleカスタム検索を設置するまで

まずは、GoogleAdSenseのアカウントで、ログインします。その後、Googleカスタム検索を開きます。(GoogleAdSenseアカウントのない方でも収益化出来ませんが利用だけは可能です)

 

Googleカスタム検索

https://www.google.co.jp/cse/all

 

f:id:yonta24:20140107202051p:plain

「Addをクリック」

 

f:id:yonta24:20140107202006p:plain

検索するサイトに自分のはてなブログのURLを入力します。私の場合は、サイト全体なので、「yonta64.hatenablog.com/*」です。

 

f:id:yonta24:20140107201918p:plain

続いて言語を「日本語」、名前を変更したい場合は、「名前を変更」から変更可能です。これはカスタム検索上の区別のため表示される名前ですので、私は変更しませんでした。最後に「作成」をクリックすれば完成です。

 

f:id:yonta24:20140107201856p:plain

出来上がったら、「コードを取得」をクリック。コードが表示されるので、コードをコピーしてはてなブログに貼り付けるだけです。

 

f:id:yonta24:20140107201618p:plain

はてなブログの「デザイン」から「サイドバー」→「モジュールの追加」を選び「HTMLモジュール」を選択して、タイトルとGoogleカスタム検索で取得したコードを貼り付けて「適用」すれば完成です。

 

f:id:yonta24:20140107201642p:plain

変更を保存して、はてなブログをチェックすると、サイドバーにGoogleカスタム検索が出来上がっています。

 

f:id:yonta24:20140107201053p:plain

Googleカスタム検索のページでは、デザイン設定も出来るようになっているので、私の場合は最終的にこんなデザインにしました。バックの色なども変更可能なのではてなブログの雰囲気に合わせた検索窓を設置可能です。

 

更に、GoogleAdSenseを設定済みで、AdSenseを利用しているGoogleアカウントでログインしてこのカスタム検索を作った方であれば、検索結果の広告がクリックされると収益が発生するように連携もできます。

 

f:id:yonta24:20140107201723p:plain

「広告設定」タブの「検索エンジンの収益化」を「オン」にすると、「アカウントはAdsense IDに関連付けられています」の部分に自分のGoogle AdSenseのIDが表示されます。

 

検索結果が実際どんな風に表示されるかは、よろしければ下記の私のサイトで検索してみてください。

yonta64のテレビ番組ブログ