検索結果のカスタマイズ

検索ボックスをカスタマイズするのと同様に、検索結果要素にオプションを追加できます。

たとえば、検索エンジンをウェブ検索結果ベースから変更する場合、 画像ベースにするには、defaultToImageSearch 属性を利用できます。

まず、検索エンジンのコントロール パネルで画像検索を有効にする必要があります。[設定] セクションの [基本] タブで、[画像検索] オプションをクリックして「オン」にします。なります。その後、ウェブサイトの <div class="gcse-searchresults"></div> 要素に defaultToImageSearch 属性を追加します。

<!-- ご自身のプログラム可能検索エンジン ID をここに挿入 --> &lt;script async src=&quot;https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga&quot;&gt;&lt;/script&gt; <!-- 属性値を「true」に変更してみてくださいまたは「false」--&gt; 
<div class="gcse-searchbox"></div>
<div class="gcse-searchresults" data-defaultToImageSearch="true"></div>

これで、何かを検索するとデフォルトで [画像検索] タブが表示されるようになりました。

他にも多くのオプションがあります。その他の検索結果のカスタマイズ オプションについては、Programmable Search Element Control API のセクションをご覧ください。

次のステップ

次のステップに進みます。