您可以配置「自動完成」的各個區域,以控制自動完成啟用的搜索表單的生成,以及包含在自動完成啟用的搜索表單中的檔案autocomplete_data.js。
每當「自動完成設定」頁面已保存更改時,檔案autocomplete_data.js將重新生成並發佈到搜索內容網路。
您可以配置和設定控制生成啟用自動完成的搜索表單和檔案的選項。
設定自動完成後,您可以檢視產生的HTML來源以供檢閱。 HTML來源是您複製並貼到網站頁面中的內容。
請參閱「預覽搜索表單顯示方式」。🔗。
請參閱設定自動完成字詞清單。
請參閱設定自動完成CSS。
配置自動完成
在產品功能表中,按一下「Design > Auto-Complete > Auto-Complete Setup」。
在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 |
指定啟用自動完成搜索表單的「輸入」標籤的ID屬性。 例如, <input type="text" id="q" name="q" /> 其中 q 是輸入標籤的id屬性。 |
顯示陰影 |
在自動完成建議清單中新增修飾式下陰影。 |
僅在片語開頭匹配 |
僅建議符合輸入文字開頭的結果。 |
支援UTF-8字元集 |
正確處理非ASCII字元。 |
按一下 Save Changes.
(選用)執行下列其中一項作業:
如果要還原您所做的任何更改,請按一下History。
請參閱使用歷史記錄選項。
按一下 Live.
請參閱檢視即時設定。
按一下 Push Live.
請參閱推送階段設定live。
設定「自動完成」會以建議的形式向客戶顯示的字詞和片語清單。
請參閱設定自動完成。
請參閱設定自動完成CSS。
配置自動完成單詞清單
在產品功能表中,按一下「Design > Auto-Complete > Auto-Complete Word List」。
在Auto-Complete Word List頁面上,設定您想要的選項。
請參閱「預覽搜索表單顯示方式」。🔗。
選項 |
說明 |
---|---|
熱門搜尋時段 |
控制包含客戶最近搜尋之字詞和片語的時段。 |
最大搜索計數 |
控制要包含在自動完成字詞清單中的搜索字詞和短語的最大數量。 其中包含最熱門的字詞和片語。 |
欄位名稱 |
每個欄位名稱定義一個要包含索引值的欄位的名稱。 使用+和 — 來新增或移除欄位名稱。 |
最大值計數 |
定義所選欄位名稱允許的最大欄位值計數。 其中包括最常參考的前幾個值。 |
新增這些字詞和片語 |
自動完成的字詞清單會填入此區域中列出的字詞和片語。 按一下「編輯 」以查看清單或將字詞和片語添加到清單。 完成後,按一下「保存更改」。 |
移除這些字詞和片語 |
自動完成單詞清單中不會顯示此區域中的條目。 按一下「編輯 」以查看清單或將字詞和片語添加到清單。 完成後,按一下「保存更改」。 此清單中允許使用規則運算式。 若要在此清單中指定規則運算式,請以 重要:只有在您先前曾在其他應用程式中使用規則運算式時,才應使用規則運算式。 請參閱規則運算式。 |
忽略大小寫 |
自動完成單詞清單中僅按字母大寫/小寫區分的重複條目被刪除;所有字詞清單條目都強制為小寫。 如果您希望「自動完成」建議顯示為「首字母大寫」或「全大寫」,請新增
請參閱設定自動完成CSS 。 |
更新重新索引 |
每次成功重新索引帳戶後,會自動重新產生自動完成的字詞清單。 |
按一下 Save Changes.
(選用)執行下列任一操作:
如果要還原您所做的任何更改,請按一下History。
按一下Preview Word List以儲存您所做的任何變更,然後開啟Auto-Complete Word List Preview頁面,您可在其中檢閱自動完成建議清單。 使用頁面頂端附近的導覽選項來檢視和調整顯示的清單。 完成後,按一下Close返回Auto-Complete Word List頁。
請參閱使用歷史記錄選項。
按一下 Live.
請參閱檢視即時設定。
按一下 Push Live.
請參閱推送階段設定live。
使用「自動完成CSS」來配置要使用的自動完成級聯樣式表。
自動完成CSS控制autocomplete_styles.css的內容,該內容包含在啟用自動完成的搜索表單中。 您在此處指定的CSS可控制自動完成建議清單的視覺呈現方式。 如需可能的視覺化簡報構想範例,請參閱下列內容:
當您完成自動完成CSS的配置時,可以預覽搜索表單,以查看您指定的CSS在外觀和佈局中是否可接受。
請參閱「預覽搜索表單顯示方式」。🔗。
重要:若要套用自訂自動完成的CSS,您必須從HTML程式碼中顯示的第二行移除註解標籤。然後,在包含搜尋表單之頁面的標題區段內,將同一行移動至。
設定自動完成CSS的方式
在產品功能表中,按一下「Design > Auto-Complete > Auto-Complete CSS」。
在Auto-Complete CSS文本欄位中,貼上或鍵入要與自動完成建議清單關聯的級聯樣式表資訊。
按一下 Save Changes.
(選用)執行下列任一操作:
按一下History以還原您所做的任何更改。
請參閱使用歷史記錄選項。
按一下 Live.
請參閱檢視即時設定。
按一下 Push Live.
請參閱推送階段設定live。
根據自動完成和自動完成CSS的設定,如果要將HTML程式碼新增至網站,您可以預覽搜尋表單的顯示方式。
請參閱設定自動完成。
請參閱設定自動完成CSS。
請參閱在搜尋表單中使用集合。
請參閱使用框架搭配表單。
請參閱範例進階搜尋表單。
請參閱進階搜尋表單HTML程式碼。
請參閱進階搜尋表單範本代碼。
預覽搜尋表單在您網站上的顯示效果
根據自動完成和自動完成CSS的設定,如果要將HTML程式碼新增至網站,您可以預覽搜尋表單的顯示方式。
請參閱設定自動完成。
請參閱設定自動完成CSS。
請參閱在搜尋表單中使用集合。
請參閱使用框架搭配表單。
請參閱範例進階搜尋表單。
請參閱進階搜尋表單HTML程式碼。
請參閱進階搜尋表單範本代碼。
將搜尋表單的HTML程式碼複製到您網站的頁面中
在產品功能表中,按一下「Design > Auto-Complete > Form Source」。
請勿變更表單來源中的form name=
值。
(選用)執行下列任一操作:
復製程式碼並貼到您希望搜尋表單出現的網站網頁中。