Googleカスタム検索を入れてみました

GoogleAdsenseの最適化レポートを見てますと、

サイト運営者様

1月 の最適化レポートをご覧ください。 システムでお客様のサイトを確認しましたところ、下記の方法を実行することでより多くの収益を獲得いただける可能性があります。
検索向け AdSense を導入すると、サイトの機能性と収益性を高めることができます。
現在、お客様のサイトでは検索向け AdSense をご利用いただいていません。
解決方法 このヒントを削除収益を高める方法はサイトによって異なるため、さまざまなレイアウトやフォーマットを試すことをお勧めします。

とありましたので、検索ボックスをサイトにのっけてみました。
実験を兼ねて、どんどん技術は載せていくことがこのサイトの主旨ですのでやってみました。
 

検索結果を別の単ページでもよかったのですが、時間もないこともあり、当サイトの中に組み込むことにしました。（戻りボタンとか面倒だったので。。。）
 

やることは簡単。

1. Google検索のレイアウトを決定する。
2. 記事の下にモジュールを設ける。
3. 検索結果のページを作る。

レイアウトの中で、結果を指定するページがありますので、先に検索結果を表示するページを設ける必要があります。

所定のコード２つ（検索ボックスを表示するコード、結果を表示するコード）をサイト内に貼り付けます。

Joomlaの中で単ページのみを該当サイト内に表示する方法がわかりませんので、メニューを1つ設けてます。

検索結果は正常に出ますが、Googleの広告枠がはみ出してしまいます。当サイトの記事枠がせまいのです。
GoogleのCSSは直接いじることができません。
検索のレイアウト時点で検索結果幅を設定できますが、795px未満の設定はできませんので注意が必要です。
Google検索を置かれる方は795px以上の幅をあらかじめ設けることをお勧めします。

当サイト内の検索結果は正常にでるので、少々広告枠がはみ出てしまうのは良してます。
時間ができたら、サイト枠ももう少し広く取るよう改良してみます。

Googleカスタム検索結果をサイト内に表示するには795px以上が必要。