關於自動完成

您可以設定「自動完成」的各個區域,以控制自動完成啟用的搜尋表單的產生,以及自動完成資料。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. 復製程式碼並貼到您網站的網頁中,讓搜尋表格顯示。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now