頑張らない!でも諦めない!必死にならずにええかげん

CSE単独設置検証(CASE3-0) – 全幅

カスタム検索エンジンを1ページ内に複数設置する際に、
どちらかのスタイルが適用されていなかったり、正しく表示されない場合もあるかもしれません。

単独設置と複数設置のパターンを確かめることを目的として、
ここでは「全幅(未選択)」単独設置の例をご紹介します。

検証

複数設置がうまくいかないパターンがどの組み合わせで発生するのかと、
検証することを目的に始めた組み合わせパターン試験ですが、
結果として組み合わせによっては想定した動作が得られない場合もありますのでご紹介しておきます。

設置している組み合わせ

アイコン アイコン テーマ
上段 CSE_全幅アイコン 全幅 未選択
下段 なし

実際に設置した例

直接ウィンドウで開く場合: CustomSearchEngineテスト・CASE3-0

設置に利用したHTML例

※なお、設置しているカスタム検索エンジンは検索向けAdSenseユニットではありません。

検索向けAdSenseとカスタム検索エンジンの違いは以下でご紹介しています。
Google™AdSenseの検索向けユニット(AFS)とカスタム検索ユニット(CSE)の違い

このようにして一通りの組み合わせの確認を行っています。
Google™検索向けAdSense(AFS)とカスタム検索ユニット(CSE)とその他

さいごに

カスタム検索エンジンの複数設置自体は難しいことではありませんが、
WordPressなどのCMSに導入した場合などには既存のテーマによるCSSなど様々な複合的な要因で、
うまく設置ができない場合もあります。

そうした場合には、いったんシンプルなHTML上に設置して動作を確認してみるといいでしょう。

その他のレイアウト設定で配置した例については以下でご紹介しています。

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

参考

Googleのヘルプでも同様のサンプルが提示されています。

Custom Search Element Control API – Custom Search — Google Developers#layout

Full-width

 


Google™はGoogle Inc. の登録商標(第4478963号及び第4906016号)です。
GoogleロゴはGoogle Inc. の国際登録商標です。
国際登録番号:881006及び926052及び1086299及び1091990及び1145934
Google AdSense™,AdSense™はGoogle Inc. の登録商標(第4899412号)です。

プロモーション(btm)

Google or AdMax Promotion (it)

公開日:
最終更新日:2014/12/04

最後までお読みいただきありがとうございました。

ページ
すべて展開 | すべて省略

AdMax Promotion

忍者AdMax

AdMax Promotion

AdMax Promotion

A8.net Promotion

Rakuten Promotion

ブログ記事のご紹介
すべて展開 | すべて省略