2008年1月5日土曜日

Google Adsense でサイトに検索窓を設ける

前提 Google Adsense にログインしていること。

方法

AdSense > 検索向け AdSense を選択する。

080105-015.png

「Google ウェブ検索 + サイト検索」を選択し、サイトのアドレスを入力する。080105-016.png

検索窓の設定

デザインを適当に決めた。デフォルトでは、検索のためのテキストボックスが長かったので、「テストボックスの長さ」を「20」文字列に変更した。

080105-018.png

上記のサイトのエンコードを確認するには、 Firefox の場合、サイト上で右クリック > ページの情報を表示 を選択する。一般 > 文字エンコーディング

080105-017

IE の場合は、ページ > エンコード中黒がついているエンコードを確認する。

080105-022.png

検索結果の設定

検索結果のデザイン、表示方法を適当に決める。

080105-019.png

080105-020.png

コードの出力

サイトに貼り付けるためのコードが表示されるので、コピーしてサイトで設定を行う。

080105-021.png

追記(2008.4.17): 検索の対象のデフォルトを自サイトにする方法 : デフォルトでは、検索窓において Web 検索がされてしまう。これを自サイトの検索をデフォルトにするには、input 要素の type 属性が radio の check 属性をカスタマイズする。 value 属性が自サイトのアドレスになっている radio タイプに  check="check" を追加し、デフォルトのウェブ検索の方からは、check 属性を削除する。