關於自動完成

您可以設定「自動完成」的各個區域，以控制自動完成啟用的搜尋表單的產生，以及自動完成資料。js檔案，此檔案會包含在自動完成啟用的搜尋表單中。

關於自動完成

每當「自動完成設定」頁面已保存更改時，檔案autocomplete_data.js將重新生成並發佈到搜索內容網路。

配置自動完成

您可以設定和設定選項，以控制自動完成搜尋表單和檔案的產生。

設定自動完成後，您可以檢視產生的HTML來源以供審核。 HTML來源是您複製並貼入網站頁面的內容。

請參閱預覽在您的……上顯示的搜尋表單。

請參閱設定自動完成Word清單。

請參閱設定自動完成CSS。

若要設定自動完成

  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 是表單標籤的名稱屬性。

    Div標籤ID

    指定啟用自動完成搜尋表單「div」標籤的ID屬性。 例如，

    <div id="autocomplete">

    其中 autocomplete 是div標籤的屬性。

    輸入標籤ID

    指定啟用自動完成搜尋表單「input」標籤的ID屬性。 例如，

    <input type="text" id="q" name="q" />

    其中， q 是輸入標籤的id屬性。

    顯示陰影

    在自動完成建議清單中新增外觀下垂式陰影。

    僅在片語的開頭匹配

    只建議符合輸入文字開頭的結果。

    支援UTF-8字元集

    正確處理非ASCII字元。

  3. 按一下 Save Changes.

  4. （可選）執行下列任一項作業：

配置自動完成Word清單

設定「自動完成」會以建議的形式顯示給客戶的字詞和片語清單。

請參閱設定自動完成。

請參閱設定自動完成CSS。

若要設定自動完成字詞清單

  1. 在產品功能表上，按一下「Design > Auto-Complete > Auto-Complete Word List」。

  2. 在Auto-Complete Word List頁面上，設定您想要的選項。

    請參閱預覽在您的……上顯示的搜尋表單。

    選項

    說明

    熱門搜尋時段

    控制客戶最近搜尋中包含字詞和片語的時段。

    最大搜索數

    控制要包含在自動完成字詞清單中的搜尋字詞和片語數目上限。 其中包含最熱門的字詞和片語，也是最受歡迎的字詞。

    欄位名稱

    每個欄位名稱定義一個要包含索引值的欄位的名稱。 使用+和——可添加或刪除欄位名。

    最大值計數

    定義選定欄位名稱允許的欄位值的最大計數。 其中包括也是最受參考的頂端值。

    新增這些字詞和片語

    自動完成的字詞清單會填入此區域所列的字詞和片語。

    按一下「編輯」以檢視清單或新增字詞和片語至清單。 完成後，按一下「保存更改」。

    移除這些字詞和片語

    此區域中的項目不會顯示在自動完成的字詞清單中。

    按一下「編輯」以檢視清單或新增字詞和片語至清單。 完成後，按一下「保存更改」。

    此清單中允許使用規則運算式。 若要在此清單中指定規則運算式，請以regexp開頭一行，後面接著單一空格，後面接著規則運算式。 字詞清單中與規則運算式相符的任何行都會移除。

    重要:只有在先前已在其他應用程式中使用規則運算式時，才應使用規則運算式。

    請參閱規則運算式。

    忽略大小寫

    自動完成單詞清單中僅按字母大寫／小寫區分的重複條目被刪除；所有字詞清單條目都強制為小寫。

    如果您希望「自動完成」建議顯示為「首字母大寫」或「所有大寫」，請新增 text-transform : capitalize; 或 text-transform : uppercase; 自動完成CSS內容的CSS文字屬性，位於「/*樣式，用於結果項目*/」下。

    請參閱設定自動完成CSS 。

    重新索引時更新

    每個成功的帳戶重新索引後，自動完成的字詞清單會自動重新產生。

  3. 按一下 Save Changes.

  4. （可選）執行下列任一項作業：

    • 按一下​History​以回復您所做的任何變更。

    • 按一下​Preview Word List​以儲存您所做的任何變更，然後開啟Auto-Complete Word List Preview頁面，您可在其中檢視自動完成建議清單。 使用頁面頂端附近的導覽選項來檢視和調整顯示的清單。 完成後，按一下​Close​返回Auto-Complete Word List頁。

      請參閱使用歷史記錄選項。

    • 按一下 Live.

      請參閱檢視即時設定。

    • 按一下 Push Live.

      請參閱推送舞台設定live。

設定自動完成CSS

使用「自動完成CSS」來設定您要使用的自動完成階層式樣式表。

自動完成CSS會控制autocomplete_styles.css的內容，此內容會包含在自動完成的搜尋表單中。 您在此處指定的CSS會控制自動完成建議清單的視覺呈現方式。 如需可能的視覺化簡報構想範例，請參閱下列內容：

https://developer.yahoo.com/yui/examples/autocomplete/ac_skinning.html.

設定自動完成字詞清單。

設定自動完成。

完成自動完成CSS的設定後，您可以預覽搜尋表單，查看您指定的CSS在外觀和版面中是否可接受。

請參閱預覽在您的……上顯示的搜尋表單。

重要:若要套用自訂自動完成的CSS，您必須從HTML程式碼中顯示的第二行移除註解標籤。然後，您會將同一行移至包含搜尋表單之頁面的標題區段內。

請參閱將搜索表單的HTML代碼複製到……。

若要設定自動完成CSS

  1. 在產品功能表上，按一下「Design > Auto-Complete > Auto-Complete CSS」。

  2. 在Auto-Complete CSS文字欄位中，貼上或輸入您要與自動完成建議清單產生關聯的階層式樣式表資訊。

  3. 按一下 Save Changes.

  4. （可選）執行下列任一項作業：

預覽搜尋表單，如同它在您的網站上所顯示

根據您設定的「自動完成」和「自動完成」CSS，您可以預覽搜尋表單的顯示方式（如果您要將HTML程式碼新增至網站）。

請參閱設定自動完成。

請參閱設定自動完成CSS。

請參閱將搜索表單的HTML代碼複製到……。

請參閱在搜尋表單中使用系列。

請參閱使用框架與表單。

請參閱範例進階搜尋表單。

請參閱進階搜尋表單HTML程式碼。

請參閱進階搜尋表單範本代碼。

若要預覽搜尋表單在您網站上的顯示效果

  1. 在產品功能表上，按一下「Design > Auto-Complete > Search Form」。
  2. （可選）按一下​HTML code，查看您複製並貼入網站頁面的HTML。

將搜尋表單的HTML程式碼複製至您網站的頁面

根據您設定的「自動完成」和「自動完成」CSS，您可以預覽搜尋表單的顯示方式（如果您要將HTML程式碼新增至網站）。

請參閱設定自動完成。

請參閱設定自動完成CSS。

請參閱將搜索表單的HTML代碼複製到……。

請參閱在搜尋表單中使用系列。

請參閱使用框架與表單。

請參閱範例進階搜尋表單。

請參閱進階搜尋表單HTML程式碼。

請參閱進階搜尋表單範本代碼。

若要將搜尋表單的HTML程式碼複製至您網站的頁面

  1. 在產品功能表上，按一下「Design > Auto-Complete > Form Source」。

    注意

    請勿變更表單來源中的form name=值。

  2. （可選）執行下列任一項作業：

    • 如果您設定了自動完成CSS，並想要將樣式套用至搜尋表單，請從HTML程式碼中顯示的第二行移除註解標籤。 接著，將同一行移至包含搜尋表單之頁面的標題區段內。
    • 為獲得最佳效能，請移動列在HTML程式碼底部的標籤，並將它們放置在包含搜尋表單之每個頁面的內文區段底部。

  3. 復製程式碼並貼到您網站的網頁中，讓搜尋表格顯示。

本頁內容