Google™サイト内検索(カスタム検索エンジンv2)の全幅とコンパクトの違い

Google™カスタム検索エンジンのテーマの選択をしていて、
「全幅」と「コンパクト」の違いがよくわからなくなることはないでしょうか。

言葉の表現で紛らわしい感じになっていますがちゃんとした違いがありますのでご紹介します。

はじめに

Google™サイト内検索(カスタム検索エンジンv2)のテーマデザインで選択可能な、
「全幅」と「コンパクト」の違いについて両方をそれぞれ開いて確認すると分かるのですが、
切り替えながら見ていると分かりにくい部分がありますのでご紹介します。

全幅とコンパクトの違い

全幅とコンパクトの違いは明確で以下のように表示の違いがあります。

検索フィールド自体に違いはありませんが、結果表示では以下のように違いがみられます。

検索結果表示の違い

このようにしてみると全幅とコンパクトの違いは「幅」ではなく、
結果表示数の違いであることが分かります。

レイアウト「全幅」

「全幅」表示では１ページ内に検索結果が１０投稿表示されています。
この１０投稿は設定で最大２０投稿まで拡張することができます。
Google™サイト内検索(カスタム検索エンジンv2)の検索機能設定#result_size

APIコード的には以下のように定数で指定されています。
FILTERED_CSE_RESULTSETを指定すると、詳細設定で指定した結果がレスポンスされます。

customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);

実際に「全幅」スタイルの検索を以下で実行することができます。
CSE単独設置検証(CASE3-0) – 全幅

検索フィールド表示

レイアウト「全幅」検索ボックス

検索結果の表示

レイアウト「全幅」検索結果表示

レイアウト「コンパクト」

「コンパクト」では１ページ内に検索結果が４投稿表示されています。
Google Developersサイトのサンプルでもコンパクト表示では４件表示となっていますので、
APIなどで別途指定でもしない限りは、４件表示がデフォルトです。

APIコード的には以下のように定数で指定されています。
SMALL_RESULTSETを指定すると４件がレスポンスされます。

customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);

実際に「全幅」スタイルの検索を以下で実行することができます。
CSE単独設置検証(CASE5-0) – コンパクト

検索フィールド表示

レイアウト「コンパクト」検索ボックス

検索結果の表示

レイアウト「コンパクト」検索結果表示

さいごに

一見、レイアウトを変更して切り替えていると何が違うのかわからなくなりがちなこのレイアウトですが、

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

Full-width / Compact

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

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください

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

お勧めさせて頂きたい投稿です

• 【巧妙な仕組】Google+へAndroidの写真が勝手にアップロードされてしまう流れは設定ミスではない

• JetPackサイト統計データが消えた場合に復活する手順(してもらう)

• 【待望】WALLET ポイントがauID(au電話番号)間で相互にやりとりできるようになりました

• 禁断の機能がau公式解禁！WALLETポイントの現金化がついに開放。

• 何もしないと、auポイントが2014/05月分以降は携帯利用料から付与されなくなります

• au WALLET™カードはauを解約してもプリペイドとして使い続けられるが、有効期限には注意

• じぶん銀行が動いた！コンビニATM利用が無料・他行振込無料（回数制限なし）で使える

• 【旬】「白すぎる」と賛否両論？姫路城見るなら今秋がおすすめ！その理由は？｜castlehimeji.com

• Google+の投稿が勝手に自動でブログになっていくPluCialが便利



アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介

すべて展開 | すべて省略

Rakuten Promotion

ページ

すべて展開 | すべて省略