コントロール パネルで色、フォント、リンクスタイルをカスタマイズできるほか、カスタム HTML 属性を使用して検索ボックスのデザインや動作に影響を与えることもできます。
これにより、コントロール パネルの一部の全般設定をオーバーライドできます。
これは、1 つの検索ボックス(ホームページ上の検索ボックスなど)をサイト上の他の検索ボックスとは異なる動作にする場合に特に便利です。
たとえば、enableAutoComplete
属性を使用してオートコンプリート機能を有効または無効にできます。デフォルトでは、コントロール パネルでオートコンプリートが有効になっている場合は true
に設定されます。値を false
に切り替えると、要素の動作を制御できます。
<!-- ご自身のプログラム可能検索エンジン ID をここに挿入します -->
<script async src="https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga"></script>
<!-- 属性値を「true」または「false」に切り替えてみてください -->
<div class="gcse-search" enableAutoComplete="true"></div>
注: 新しく有効にした、または追加したオートコンプリートが表示されるまでに数時間かかることがあります。
この他にも多くのオプションがあります。検索ボックスのその他のカスタマイズ オプションについては、 Programmable Search Element Control API をご覧ください。
オートコンプリートについて詳しくは、オートコンプリートに関するヘルプセンター記事をご覧ください。
次のステップ
検索結果のカスタマイズに進みます。