Show Menu
トピック×

オートコンプリートについて

オートコンプリートの様々な領域を設定して、オートコンプリート対応の検索フォームの生成を制御し、オートコンプリート対応の検索フォームの一部として含まれるautocomplete_data.jsファイルを制御できます。

オートコンプリートについて

ファイルは再 autocomplete_data.js 生され、オートコンプリートの設定ページで保存された変更があるたびに、検索コンテンツネットワークに公開されます。

オートコンプリートの設定

オートコンプリート対応の検索フォームの生成を制御するオプションと、ファイルを設定できます。
オートコンプリートを設定した後、結果のHTMLソースをレビュー用に表示できます。 HTMLソースは、Webサイトのページにコピー&ペーストするものです。
オートコンプリートを設定するには
  1. 製品メニューで//をクリ Design ックし Auto-Complete ます Auto-Complete Setup ​。
  2. ページ Auto-Complete Setup で、必要なオプションを設定します。
    オプション
    説明
    提案の最大数
    オートコンプリート候補リストに表示する項目の最大数を指定します。
    最小入力文字数
    顧客が提案を表示する前にオートコンプリート検索フォームに入力する必要がある文字数を指定します。
    最大キャッシュエントリ数
    顧客のブラウザーにキャッシュする、以前に要求したオートコンプリートの提案の最大数を指定します。 通常、この設定はデフォルトの1000のままにしておく必要があります。
    このオプションを0に設定すると、ブラウザーのキャッシュを完全に無効にできますが、お勧めしません。
    フォーム名
    オートコンプリート対応の検索フォームの「フォーム」タグの「名前」属性を指定します。 例:
    <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank">
    ここ で、 SiteSearchはフォームタグのname属性です。
    DivタグID
    オートコンプリート対応の検索フォームの"div"タグのID属性を指定します。 例:
    <div id="autocomplete">
    ここで 、オ ートコンプリートはdivタグの属性です。
    Input tag ID
    オートコンプリート対応の検索フォームの「input」タグのID属性を指定します。 例:
    <input type="text" id="q" name="q" />
    qは 力タグのid属性です。
    シャドウを表示
    オートコンプリート候補リストにコスメティックドロップシャドウを追加します。
    フレーズの先頭にのみ一致
    入力テキストの先頭に一致する結果のみを提案します。
    UTF-8文字セットのサポート
    用語の非ASCII文字を正しく処理する。
  3. クリック Save Changes .
  4. (オプション)次のいずれかの操作を行います。

オートコンプリート単語リストの設定

オートコンプリートで顧客に提案として表示する単語やフレーズのリストを設定します。
オートコンプリート単語リストを設定するには
  1. 製品メニューで//をクリ Design ックし Auto-Complete ます Auto-Complete Word List ​。
  2. ページ Auto-Complete Word List で、必要なオプションを設定します。
    オプション
    説明
    人気のある検索期間
    顧客の最近の検索で使用した語句を含める期間を制御します。
    最大検索数
    オートコンプリートの単語リストに含める、検索する単語やフレーズの最大数を制御します。 最も人気の高い上位の単語やフレーズが含まれます。
    フィールド名
    各フィールド名は、インデックス付きの値を含める1つのフィールドの名前を定義します。 フィールド名を追加または削除するには、+と — を使用します。
    最大値数
    選択したフィールド名に対して許可されるフィールド値の最大数を定義します。 最も多く参照される上位の値も含まれます。
    次の語句を追加
    オートコンプリートの単語リストには、この領域に表示される単語とフレーズが入力されます。
    「編集」 をク リックして、リストを表示するか、リストに単語やフレーズを追加します。 完了したら、「変更の保存」をク リックしま す。
    これらの語句を削除する
    この領域のエントリは、オートコンプリートの単語リストには表示されません。
    「編集」 をク リックして、リストを表示するか、リストに単語やフレーズを追加します。 完了したら、「変更の保存」をク リックしま す。
    このリストでは正規表現を使用できます。 このリストで正規表現を指定するには、 regexp 後にスペースが1つ、その後に正規表現が続きます。 正規表現に一致する単語リスト内の行は削除されます。
    重要 :正規表現は、他のアプリケーションで以前に使用したことがある場合にのみ使用してください。
    正規表現を参 照してくださ い。
    大文字と小文字を区別しない
    オートコンプリートの単語リストで、アルファベットの大文字と小文字のみが異なる重複したエントリは削除されます。すべての単語リストのエントリは強制的に小文字に変換されます。
    オートコンプリートの提案を「先頭文字を大文字にする」または「すべて大文字にする」にする場合は、 text-transform :大文字にする または text-transform :大文字; 「/* styles for result item */」の下にある、オートコンプリートCSSコンテンツに対するCSSテキストプロパティ。
    再インデックス時に更新
    アカウントの再インデックスが成功するたびに、オートコンプリートのワードリストが自動的に再生成されます。
  3. クリック Save Changes .
  4. (オプション)次のいずれかの操作を行います。

オートコンプリートCSSの設定

オートコンプリートCSSを使用して、使用するオートコンプリートカスケードスタイルシートを設定します。
オートコンプリートCSSは、のコンテンツを制御し autocomplete_styles.cssます。このコンテンツは、オートコンプリートが有効な検索フォームの一部として含まれます。 ここで指定するCSSは、オートコンプリート提案リストの視覚的な表示を制御します。 可能な視覚的なプレゼンテーションのアイデアの例については、次を参照してください。
オートコンプリートCSSの設定が完了したら、検索フォームをプレビューして、指定したCSSが外観とレイアウトで許容可能かどうかを確認できます。
重要 :カスタムのオートコンプリートCSSを適用するには、HTMLコードに表示される2行目からコメントタグを削除する必要があります。 次に、検索フォームを含むページのheadセクション内に同じ行を移動します。
オートコンプリートCSSを設定するには
  1. 製品メニューで//をクリ Design ックし Auto-Complete ます Auto-Complete CSS ​。
  2. テキストフ Auto-Complete CSS ィールドに、オートコンプリート候補リストに関連付けるカスケードスタイルシートの情報を貼り付けるか、入力します。
  3. クリック Save Changes .
  4. (オプション)次のいずれかの操作を行います。

Webサイトに表示される検索フォームのプレビュー

オートコンプリートCSSとオートコンプリートCSSの設定に基づいて、WebサイトにHTMLコードを追加する場合に検索フォームがどのように表示されるかをプレビューできます。
Webサイトに表示される検索フォームをプレビューするには
  1. 製品メニューで//をクリ Design ックし Auto-Complete ます Search Form ​。
  2. (オプション)をク HTML code リックして、Webサイトのページにコピー&ペーストするHTMLを表示します。

検索フォームのHTMLコードのWebサイトのページへのコピー

オートコンプリートCSSとオートコンプリートCSSの設定に基づいて、WebサイトにHTMLコードを追加する場合に検索フォームがどのように表示されるかをプレビューできます。
検索フォームのHTMLコードをWebサイトのページにコピーするには
  1. 製品メニューで//をクリ Design ックし Auto-Complete ます Form Source ​。
    フォームソースの値 form name= は変更しないでください。
  2. (オプション)次のいずれかの操作を行います。
    • オートコンプリートCSSを設定し、検索フォームにスタイルを適用する場合は、HTMLコードの2行目からコメントタグを削除します。 次に、検索フォームを含むページのheadセクション内に同じ行を移動します。
    • パフォーマンスを最大にするには、HTMLコードの下部に表示されているタグを移動し、検索フォームを含む各ページのbodyセクションの下部に配置します。
  3. コードをコピーし、検索フォームを表示するWebサイトのWebページに貼り付けます。