(サイドバー)WordPressにGoogle™AdSenseサイト内検索(カスタム検索エンジン)を設置する方法

2014/02/13 2014/11/22

Google™AdSenseを利用してサイトの運営を行っていると、
当然「検索向けユニット」というものがあるということを知り、サイトにサイト内検索ユニットなどを設置することもあるでしょう。

一般的にはサイト内検索はサイドバーなどに設置することが多いように思います。
ここではサイドバーへの設置方法をご紹介しておきます。

はじめに

カスタム検索向けユニットはサイトの運営を行っている場合、設置したことがあるパーツではないでしょうか。
しかし、AdSenseを始めた際に検索向けAdSenseの広告ユニットを、
どこにどのように設置するかという方法については１つではありません。

簡単に設置することができるサイドバーへの設置もあれば、
記事を読み終えた後に検索ボックスを表示する方法と様々な設置方法があることでしょう。

また設置を行う前に十分に計画したい点として検索結果をどのように表示するかという点です。
これは検索結果ページの表示方法を変更すると、導入するソースも変更になる為です。

結果ページの表示方法の選択

検索結果の表示方法の選択肢は「検索向けAdSense広告」からの設定方法と、
「カスタム検索エンジン」を利用する方法両方が選択でき、さまざまな表示方法が選択できます。

「検索向けAdSense」管理画面からソースを取得し設置する場合は、
Googleサイトにて検索結果を同一ウィンドウ表示するか新規ウィンドウ表示する。
またはiframeにて自身のサイトに埋め込むの選択肢が利用できます。
詳細は以下でご紹介しています。
Google™AdSenseの検索向けユニット(サイト内検索・カスタム検索エンジン)の設定とデザイン

「カスタム検索エンジン」から設置する場合は、さらに検索結果の表示方法を様々な方法で利用できます。
詳細は以下でご紹介しています。
Google™サイト内検索(カスタム検索エンジンv2)のデザイン設定

表示方法はどちらでも設定可能

とはいえ、「検索向けAdSense」も「カスタム検索エンジン」も
どちらでも設定する画面が異なっているだけで「カスタム検索エンジン」ですので、
「検索向けAdSense」をさらに「カスタム検索エンジン」で設定することも可能です。
Google™AdSenseの検索向けユニット（AFS）とカスタム検索ユニットの違い（CSE）

サイドバーへの設置方法

ここではサイドバーへの設置する方法をご紹介します。

「検索向けAdSense」からのスクリプトソースの取得

検索向けAdSenseの管理画面より検索向けAdSenseのスクリプトソースをまず取得します。
AdSenseの管理画面から、上部の[広告設定]から検索向けAdSenseの広告ユニットを設定します。

AdSenseの検索向け広告ユニット・広告の設定

表示された広告設定の画面でサイドバーの[検索]をクリックし、
既に作成されている検索向けAdSenseユニット名下の[コードを取得]をクリックするか、
[＋新しいカスタム検索エンジン]で新規に作成し取得します。

検索向けAdSense広告・コードを取得

[コードを取得]をクリックしてポップアップ表示された「検索ボックスのコード」をコピーし、
自身のサイトに設置します。

検索向けAdSense広告・コード表示

サイドバー設置

WordPressのサイドバーへ設置する方法は簡単です。

AdSenseの検索向けユニットで取得したスクリプトコードを
サイドバーに設置したテキストウィジェットなどに貼り付ければ完了です。

検索向けAdSense広告のサイドバー設置

サイトの表示を確認すると検索ユニットが設置され表示されます。

検索向けAdSense検索ボックス表示

実際に検索を行うと検索結果が検索向けAdSenseにて指定された方法で表示されます。

検索向けAdSense検索結果表示

表示方法はデフォルトにこだわらず自身のサイトにあったレイアウトを選択されるといいでしょう。

No	レイアウト	動作例
1	オーバーレイ	(オーバーレイ)Google™サイト内検索のレイアウト導入方法と実際動作
2	２ページ	(２ページ)Google™サイト内検索のレイアウト導入方法と実際動作
3	全幅	(全幅)Google™サイト内検索のレイアウト導入方法と実際動作
4	２列	(２列)Google™サイト内検索のレイアウト導入方法と実際動作
5	コンパクト	(コンパクト)Google™サイト内検索のレイアウト導入方法と実際動作
6	結果のみ	(結果のみ)Google™サイト内検索のレイアウト導入方法と実際動作
7	Goolgeがホスト	(Googleがホスト)Google™サイト内検索のレイアウト導入方法と実際動作

カスタム検索エンジンのデザインや設定については以下でまとめています。

Google™サイト内検索(カスタム検索エンジンv2)のデザイン設定

さいごに

こうしてサイドバーに対して検索向けAdSenseを設置するのは簡単です。
Googleサイト上で検索結果を表示するように設定している場合には、
特に他のAdSense広告ユニットとの配置を気にする必要もありません。

他のAdSenseユニットとの設置個数などに注意する必要がある検索結果の表示方法については、
以下でご紹介しています。
Google™AdSense検索向けAdSense広告(カスタム検索エンジン)と検索結果ページへの広告表示について

また「検索向けAdSense」でも中身は「カスタム検索エンジン」です。
通常のカスタム検索エンジン同様により多くのカスタマイズが行えますので、
以下を参考にカスタマイズされてみてはいかがでしょうか。
Google™サイト内検索(カスタム検索エンジンv2)をカスタマイズする方法

Google™はGoogle Inc. の登録商標（第４４７８９６３号及び第４９０６０１６号）です。
GoogleロゴはGoogle Inc. の国際登録商標です。
国際登録番号：８８１００６及び９２６０５２及び１０８６２９９及び１０９１９９０及び１１４５９３４
Google AdSense™,AdSense™はGoogle Inc. の登録商標（第４８９９４１２号）です。