2013-09-19

【Google Blogger】サイト内検索に広告が表示される検索向けAdSenseを設置、ちょびっと収益も期待!?

Google Bloggerのブログに設置する検索ボックスは、もともとGoogle Bloggerで用意されているガジェットがあります。これだと設定項目も少なく、検索結果の見た目を変えることができませんね。
Google AdSenseの検索向けアドセンスは、自分のブログ・サイトに通常のGoogle検索と同様に検索結果に検索キーワードに関連する広告を表示してくれるものです。まっ、サイト内検索に付ける検索窓なので、クリックによる収益は期待できないです。Bloggerで用意されているガジェットはシンプルでいいのですが、表示機能のバリエーションとか設定が細かくできる点や検索された回数なんかも分かるので、Google AdSenseの検索向けアドセンスを設置するのも一考かと思います。


【AdSenseのカスタム検索エンジンの検索結果例】

カスタム検索の新規作成


  1. 「広告の設定」メニューをクリック
  2. まずはGoogle AdSenseにログインします。ホーム画面の「広告の設定」メニューをクリックします。


  3. 「検索」メニューをクリック
  4. 広告ユニットの一覧が表示されている画面に遷移します。画面左サイドにあるメニューの中から「検索」をクリックします。
    この際、「検索」メニューが表示されていない場合は、「検索向けAdSense」への申し込みがまだなので、メニューの最下段にある「その他のサービス」をクリックします。その他のサービス一覧が表示されるので、その中にある「検索向けAdSense」の「検索向けAdSenseをはじめる」をクリックします。これでメニューに「検索」が追加されます。


  5. 「新しいカスタム検索エンジン」ボタンをクリック
  6. カスタム検索エンジンの画面が表示されます。「新しいカスタム検索エンジン」ボタンをクリックします。


  7. スタム検索エンジンの機能などの設定
  8. 「新しいカスタム検索エンジンの作成」画面に遷移します。ここでサイトに設置する検索機能の設定を行ないます。


    • 名前
    • 検索ボックスの名前です。管理用なので自分で後で分かる名称を付けましょう。
    • 検索の対象
    • 「ウェブ全体」か「選択するサイトのみ」の2択で選びます。「選択するサイトのみ」の場合は項目下に検索するウェブサイトを指定します。複数のサイトを登録でき、後からでも追加することが可能です。
    • キーワード
    • 検索結果との関連性の高い広告を表示するためのキーワードです。検索向け AdSense 用のキーワードを追加する - AdSense ヘルプを参照。
    • セーフサーチ
    • チェックを入れると不適切なサイトを検索結果から除外してくれます。
    • 国または地域
    • このブログをお読みの方の多くは「日本」でしょうね。
    • サイトの言語
    • こちらも多くの方は「日本語」になるでしょう。
    • エンコード
    • ブラウザのエンコードと一致するものを指定します。わたしの場合は「UTF-8」を設定しました。
    • 検索ボックスのスタイル
    • 検索ボックスのスタイルを選びます。
    • 検索結果
    • 検索結果の表示を同一ウィンドウ、新しいウィンドウ、iframeを使用して自分のサイトに表示の3つから選びます。

    基本的に設定した項目は以上です。設定しなかったところや規定値のままにした項目もありますが、これでコードを取得して自分のブログサイトに設置することが可能です。

  9. 「保存してコードを取得」ボタンをクリック
  10. 設定が終わったら画面最下段にある「保存してコードを取得」ボタンをクリックします。ここで画面の一番下にある「保存してコードを取得」ボタンをクリックすると検索ボックスのコードを取得できます。ここで一度保存すると、次回から「保存してコードを取得」ボタン右横に「その他の検索オプション機能」リンクが表示されるようになります。「その他の検索オプション機能」をクリックすると、検索結果の表示の仕方などのより細かな設定を行なえるようになります。


  11. 検索ボックスのコードをコピー
  12. 「検索ボックスのコード」画面が表示されます。ここで検索ボックスのコードをコピーしましょう。



Bloggerブログに「検索ボックスのコード」を設置


わたしの場合は、ブログにGoogle Bloggerを使用しているので、Bloggerブログへの設置について記述します。と言っても設置はいたって簡単です。Bloggerブログのダッシュボードを開いて、レイアウト設定の画面を開きます。そこで「ガジェットを追加」するだけです。
  1. 「ガジェットを追加」をクリック
  2. Bloggerブログのダッシュボードでレイアウト設定の画面を開いたら、任意の「ガジェットを追加」ボタンをクリックします。今回は赤丸で囲んだ「ガジェットを追加」をクリックしました。


  3. ガジェット「HTML/JavaScript追加」をクリック
  4. 「ガジェットを追加」画面が別ウィンドウで表示されます。ガジェットの一覧から「HTML/JavaScript追加」を探してクリックします。


  5. 「検索ボックスのコード」をペースト
  6. 「HTML/JavaScriptの設定」画面が表示されます。先ほど、カスタム検索エンジンを作成してコピーした「検索ボックスのコード」をコンテンツのテキストボックスにそのままペーストします。タイトルは適当に付けましょう。わたしの場合はタイトル欄は空白にしました。設定が終わったら「保存」で保存終了です。

これで設置終了です。今回のブログの先頭に掲載した画像のように検索画面が表示されるようになります。AdSenseで登録した「カスタム検索エンジン」の修正画面で「その他の検索オプション機能」を使えば、検索結果をポップアップで表示することや検索ボックスのスタイルをカスタマイズすること等各種機能設定を細かく行なうことができるので、ぜひお試しください!

NewsSource

0 件のコメント :

コメントを投稿

Related Posts Plugin for WordPress, Blogger...