Google™サイト内検索(カスタム検索エンジンv2)の全幅とコンパクトの違い
2014/11/22
Google™カスタム検索エンジンのテーマの選択をしていて、
「全幅」と「コンパクト」の違いがよくわからなくなることはないでしょうか。
言葉の表現で紛らわしい感じになっていますがちゃんとした違いがありますのでご紹介します。
はじめに
Google™サイト内検索(カスタム検索エンジンv2)のテーマデザインで選択可能な、
「全幅」と「コンパクト」の違いについて両方をそれぞれ開いて確認すると分かるのですが、
切り替えながら見ていると分かりにくい部分がありますのでご紹介します。
全幅とコンパクトの違い
全幅とコンパクトの違いは明確で以下のように表示の違いがあります。
検索フィールド自体に違いはありませんが、結果表示では以下のように違いがみられます。
このようにしてみると全幅とコンパクトの違いは「幅」ではなく、
結果表示数の違いであることが分かります。
レイアウト「全幅」
「全幅」表示では1ページ内に検索結果が10投稿表示されています。
この10投稿は設定で最大20投稿まで拡張することができます。
Google™サイト内検索(カスタム検索エンジンv2)の検索機能設定#result_size
APIコード的には以下のように定数で指定されています。
FILTERED_CSE_RESULTSETを指定すると、詳細設定で指定した結果がレスポンスされます。
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
実際に「全幅」スタイルの検索を以下で実行することができます。
CSE単独設置検証(CASE3-0) – 全幅
検索フィールド表示
検索結果の表示
レイアウト「コンパクト」
「コンパクト」では1ページ内に検索結果が4投稿表示されています。
Google Developersサイトのサンプルでもコンパクト表示では4件表示となっていますので、
APIなどで別途指定でもしない限りは、4件表示がデフォルトです。
APIコード的には以下のように定数で指定されています。
SMALL_RESULTSETを指定すると4件がレスポンスされます。
customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
実際に「全幅」スタイルの検索を以下で実行することができます。
CSE単独設置検証(CASE5-0) – コンパクト
検索フィールド表示
検索結果の表示
さいごに
一見、レイアウトを変更して切り替えていると何が違うのかわからなくなりがちなこのレイアウトですが、
Custom Search Element Control API – Custom Search — Google Developers#layout
Google™はGoogle Inc. の登録商標(第4478963号及び第4906016号)です。
GoogleロゴはGoogle Inc. の国際登録商標です。
国際登録番号:881006及び926052及び1086299及び1091990及び1145934
Google AdSense™,AdSense™はGoogle Inc. の登録商標(第4899412号)です。
関連記事
-
-
Blogger™に割り当てたGoogle+プロフィールをBloggerプロフィールに戻す手順
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
(全幅)Google™サイト内検索(カスタム検索エンジンv2)のレイアウト導入方法と実際動作
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
WordPressのアクセス解析にGoogle Analytics_v1.0.5-プラグインを利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
Google™AdSenseの配信が停止される原因の一つにサイトの言語設定があるのではないか
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
Google™MapsにGPSロガーデータ(KML)を読み込み経路表示する手順
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
(Android+Google+)位置情報サービスGPSの有効/無効設定確認方法
Google or AdMax Promotion(cel) 禁断の機能がau公 …
-
-
Google™サイト内検索(カスタム検索エンジンv2)でオートコンプリートをXMLで定義する
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
Google+へAndroidから自動バックアップされた画像を一括して削除・保存
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
(PC)Google+プロフィールの画像を変更する手順
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
(Android)Google+プロフィールの画像を「削除」する手順
Google or AdMax Promotion(it) 禁断の機能がau公式 …