検索ボックスをカスタマイズするのと同様に、検索結果要素にオプションを追加できます。
たとえば、検索エンジンをウェブ検索結果ベースから変更する場合、
画像ベースにするには、defaultToImageSearch 属性を利用できます。
まず、検索エンジンのコントロール パネルで画像検索を有効にする必要があります。[設定] セクションの [基本] タブで、[画像検索] オプションをクリックして「オン」にします。なります。その後、ウェブサイトの <div class="gcse-searchresults"></div> 要素に defaultToImageSearch 属性を追加します。
<!-- ご自身のプログラム可能検索エンジン 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 のセクションをご覧ください。
次のステップ
次のステップに進みます。