Show Menu
主題×

關於自動完成

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

關於自動完成

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

設定自動完成

您可以設定和設定選項,以控制自動完成搜尋表單和檔案的產生。
設定自動完成後,您可以檢視產生的HTML來源以供審核。 HTML來源是您複製並貼入網站頁面的內容。
若要設定自動完成
  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">
    其中 動完成是div標籤的屬性。
    輸入標籤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 面上,設定您想要的選項。
    選項
    說明
    熱門搜尋時段
    控制客戶最近搜尋中包含字詞和片語的時段。
    最大搜索數
    控制要包含在自動完成字詞清單中的搜尋字詞和片語數目上限。 其中包含最熱門的字詞和片語,也是最受歡迎的字詞。
    欄位名稱
    每個欄位名稱定義一個要包含索引值的欄位的名稱。 使用+和——可添加或刪除欄位名。
    最大值計數
    定義選定欄位名稱允許的欄位值的最大計數。 其中包含的頂部值也是最常被參考的。
    新增這些字詞和片語
    自動完成的字詞清單會填入此區域所列的字詞和片語。
    按一 下「編 輯」以查看清單,或將字詞和片語新增至清單。 完成後,按一下「儲 存變更」
    移除這些字詞和片語
    此區域中的項目不會顯示在自動完成的字詞清單中。
    按一 下「編 輯」以查看清單,或將字詞和片語新增至清單。 完成後,按一下「儲 存變更」
    此清單中允許使用規則運算式。 若要在此清單中指定規則運算式,請以 regexp 後面接著單一空格,後面接著規則運算式。 字詞清單中與規則運算式相符的任何行都會移除。
    重要 :只有在先前已在其他應用程式中使用規則運算式時,才應使用規則運算式。
    請參閱 規則運算式
    忽略大小寫
    自動完成單詞清單中僅按字母大寫/小寫區分的重複條目被刪除;所有字詞清單條目都強制為小寫。
    如果您希望「自動完成」建議顯示為「首字母大寫」或「所有大寫」,請新增 文本轉換:資本化; 文本轉換:大寫; 自動完成CSS內容的CSS文字屬性,位於「/*樣式(結果項目*/」)下。
    重新索引時更新
    每個成功的帳戶重新索引後,自動完成的字詞清單會自動重新產生。
  3. 按一下 Save Changes .
  4. (可選)執行下列任一項作業:
    • 按一 History 下以回復您所做的任何變更。
    • 按一 Preview Word List 下以儲存您所做的任何變更,然後開 Auto-Complete Word List Preview 啟頁面供您檢視自動完成建議清單。 使用頁面頂端附近的導覽選項來檢視和調整顯示的清單。 完成後,按一 Close 下返回頁 Auto-Complete Word List 面。
    • 按一下 Live .
    • 按一下 Push Live .

設定自動完成的CSS

使用「自動完成CSS」來設定您要使用的自動完成階層式樣式表。
自動完成CSS會控制內容, autocomplete_styles.css此內容會包含在自動完成的搜尋表單中。 您在此處指定的CSS會控制自動完成建議清單的視覺呈現方式。 如需可能的視覺化簡報構想範例,請參閱下列內容:
完成自動完成CSS的設定後,您可以預覽搜尋表單,查看您指定的CSS在外觀和版面中是否可接受。
重要 :若要套用自訂自動完成的CSS,您必須從HTML程式碼中顯示的第二行移除註解標籤。 然後,您會將同一行移至包含搜尋表單之頁面的標題區段內。
若要設定自動完成CSS
  1. 在產品功能表上,按一下 Design > Auto-Complete > Auto-Complete CSS ​。
  2. 在文本 Auto-Complete CSS 欄位中,貼上或鍵入要與自動完成建議清單關聯的級聯樣式表資訊。
  3. 按一下 Save Changes .
  4. (可選)執行下列任一項作業:

預覽搜尋表單,如同在您的網站上顯示一樣

根據您設定的「自動完成」和「自動完成」CSS,您可以預覽搜尋表單的顯示方式(如果您要將HTML程式碼新增至網站)。
若要預覽搜尋表單在您網站上的顯示效果
  1. 在產品功能表上,按一下 Design > Auto-Complete > Search Form ​。
  2. (可選)按 HTML code 一下以檢視您複製並貼至網站頁面的HTML。

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

根據您設定的「自動完成」和「自動完成」CSS,您可以預覽搜尋表單的顯示方式(如果您要將HTML程式碼新增至網站)。
若要將搜尋表單的HTML程式碼複製至您網站的頁面
  1. 在產品功能表上,按一下 Design > Auto-Complete > Form Source ​。
    請勿變更表 form name= 單來源中的值。
  2. (可選)執行下列任一項作業:
    • 如果您設定了自動完成CSS,並想要將樣式套用至搜尋表單,請從HTML程式碼中顯示的第二行移除註解標籤。 接著,將同一行移至包含搜尋表單之頁面的標題區段內。
    • 為獲得最佳效能,請移動列在HTML程式碼底部的標籤,並將它們放置在包含搜尋表單之每個頁面的內文區段底部。
  3. 復製程式碼並貼到您網站的網頁中,讓搜尋表格顯示。