Googleカスタム検索をブログに付ける方法2　AdSenseを付けてみた

せっかく作ったカスタム検索エンジンですから、見た目もちょっと変えてAdSenseも付けてみました。「もっとこうしたい」というのがあっても後で変更できるので便利です。

 ちょっと長いエントリになってしまいました。

Google Adsense　をカスタム検索に表示する方法

AdSenseを検索結果に表示するためにまずは管理画面にログインします。「control panel」をクリック。

AdSenseを付けるにはコントロールパネル内の「Make money」をクリックします。

Google AdSenseのアカウントを持っていない場合はあらかじめ取っておいた方がやりやすいと思います。
>>

アカウントがない場合はカスタム検索から「Already（これからアカウントを取る）」方のボタンを押せばアカウント取得ページに飛びますので、必要事項を記入して、承認を待ってください。

すでにアカウントを持っている場合は、ボタンをチェックして、必要事項（郵便番号と電話の下5桁）を記入してクリック。

しばらくするとGoogle AdSenseからメールが届きます。内容はwww.google.com/coopに対して、自分のAdSenseの広告コードにアクセスする許可を与えるかの手続きです。（Googleは勝手にアクセス出来ない）

アクセス出来なくしたくなったらAdSenseの「アカウント情報」の「アカウントへのアクセス」から停止出来ます。

メールにあるリンクをクリックして、「許可」をクリックするとAdSenseをカスタム検索に貼り付けられるようになります。

今度は「Look and feel」から検索エンジンの見た目を変えてみます。

今はほんのちょっとしか変えませんでした。自分のホームページにマッチした見た目にできます。

オシャレなデザインの検索エンジンが自分のサイトに搭載されてたらカッコイイ！

見ての通りです。

Customize your search box から検索窓のデザインを変更できます。私は検索窓に関してはデフォ使用です。（背景デザインはCSS）

Customize your search results からカスタムサーチエンジンのカラーに関しても変更できます。

Customize your Google-hosted search results から自分のサイトのロゴや画像を挿入することが出来ます。

ロゴなんか入ってると格好つくんで入れてみました。

「Image URL: 」に画像を置いているURLを入力すればいいだけです。変更したら「Save Changes」をクリックすると反映されます。

自分のサイトにGoogleカスタム検索を載せてみます。

コードをクリックします。

Search results hosting options：検索結果のオプション（検索結果を自分のサーバーに表示させることもできます）

• Host results on a non-Google site using a：結果を自分のサーバーに表示する。
  iframeで表示する
  overlayで表示する　の2種類
  
• On a Google-hosted page：検索結果はGoogleのサーバーで表示する。

「Host results on a non-Google site using an」を選択した場合は

「Specify search results details」で検索結果を表示するURLを入力。

「Search box code（検索ボックス）」と「Search results code（検索結果）」の2種類のコードをサイトのしかるべき場所にコピペする。

私はお気軽に使いたいので、今は「On a Google-hosted page」を選択。

そうして現れたコード（Search box codeのみ）を自分のサイトに貼り付ければ完成です。
（やったネ☆）

【関連記事】

• MovableType4でGoogleAdSenseが表示されない
• Kaspersky Internet Security 7.0のせいでAdSenseが表示されない
• GoogleAdSenseをコンテンツの一部に見せかけるのが禁止に
• GoogleAdSense背景とマッチさせるのはOK。紛らわしいのはNG。（アドセンス実験結果）