検索ボックスのカスタマイズと同様に、検索結果の要素にもオプションを追加できます。
たとえば、検索エンジンをウェブ検索結果ベースから画像ベースに変更するには、defaultToImageSearch
属性を使用します。
まず、検索エンジンのコントロール パネルで画像検索を有効にします。[設定] セクションの [基本] タブで、[画像検索] オプションをクリックして「オン」の位置にします。その後、defaultToImageSearch
属性をウェブサイトの <div class="gcse-searchresults"></div>
要素に追加します。
<!-- ご自身のプログラム可能検索エンジン ID をここに挿入します -->
<script async src="https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga"></script>
<!-- 属性値を「true」または「false」に切り替えてみてください -->
<div class="gcse-searchbox"></div>
<div class="gcse-searchresults" data-defaultToImageSearch="true"></div>
これで、何かを検索すると、画像検索タブがデフォルトで表示されます。
この他にも多くのオプションがあります。その他の検索結果カスタマイズ オプションについては、Programmable Search Element Control API をご覧ください。
次のステップ
次のステップに進みます。