关于自动完成

您可以配置“自动完成”的各个区域,以控制生成启用自动完成的搜索表单以及文件autocomplete_data.js,它作为启用自动完成的搜索表单的一部分包含在内。

关于自动完成

每次“自动完成设置”页面已保存更改时,文件autocomplete_data.js将重新生成并发布到搜索内容网络。

配置自动完成

您可以配置和设置选项,以控制生成启用自动完成的搜索表单和文件。

配置自动完成后,可以视图生成的HTML源以供审阅。 HTML源是您复制并粘贴到网站页面中的内容。

请参阅预览搜索表单在您的表单上的显示效果……

请参阅配置自动完成Word列表

请参阅配置自动完成CSS

配置自动完成

  1. 在产品菜单中,单击​Design > Auto-Complete > Auto-Complete Setup

  2. 在Auto-Complete Setup页面上,设置所需的选项。

    另请参阅预览搜索表单在您的表单上的显示效果……

    选项

    描述

    最大建议数

    指定要在自动完成建议列表中显示的最大项目数。

    最小输入字符数

    指定客户在自动完成搜索表单显示建议之前必须键入的字符数。

    最大缓存条目数

    指定之前请求自动完成建议在客户的浏览器中缓存的最大数量。 通常,应将此设置保留为默认值1000。

    虽然可以通过将此选项设置为0来完全禁用浏览器缓存,但不建议这样做。

    表单名称

    指定启用自动完成的搜索表单的“表单”标记的“name”属性。 例如:

    <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank">

    其中 SiteSearch 是表单标记的name属性。

    Div标签ID

    指定启用自动完成的搜索表单的“div”标记的ID属性。 例如:

    <div id="autocomplete">

    其中 autocomplete 是div标签的属性。

    输入标记ID

    指定启用自动完成的搜索表单的“输入”标记的ID属性。 例如:

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

    其中 q 是输入标记的id属性。

    显示阴影

    向自动完成建议列表添加外观投影。

    仅在短语开头匹配

    仅建议与输入文本开头匹配的结果。

    支持UTF-8字符集

    正确处理非ASCII字符。

  3. 单击 Save Changes.

  4. (可选)执行下列操作之一:

配置自动完成Word列表

配置自动完成作为建议显示给客户的词和短语的列表。

请参阅配置自动完成

请参阅配置自动完成CSS

配置自动完成Word列表

  1. 在产品菜单中,单击​Design > Auto-Complete > Auto-Complete Word List

  2. 在Auto-Complete Word List页面上,设置所需的选项。

    请参阅预览搜索表单在您的表单上的显示效果……

    选项

    描述

    热门搜索期

    控制包含客户最近搜索中的词语和短语的时间段。

    最大搜索数

    控制要包含在自动完成单词列表中的搜索单词和短语的最大数量。 其中包含最受欢迎的顶级词语和短语。

    字段名称

    每个字段名称定义一个要包含索引值的字段的名称。 使用+和——可添加或删除字段名称。

    最大值计数

    定义所选字段名称允许的字段值的最大计数。 其中包括顶部值,也是引用最多的值。

    添加这些单词和短语

    自动完成单词列表会填充此区域中列出的单词和短语。

    单击编辑查看列表或向列表添加单词和短语。 完成后,单击保存更改

    删除这些单词和短语

    此区域中的条目不会显示在自动完成单词列表中。

    单击编辑查看列表或向列表添加单词和短语。 完成后,单击保存更改

    此列表中允许使用常规表达式。 要在此列表中指定常规表达式,请将行开始为regexp,后跟一个空格,后跟常规表达式。 单词列表中与常规表达式匹配的任何行都将被删除。

    重要说明:仅当您以前在其他应用程序中使用过常规表达式时,才应使用它们。

    请参阅常规表达式

    忽略大小写

    自动完成单词重复中仅按大小写字母不同的列表项被删除;所有单词列表项都强制为小写。

    如果希望“自动完成”建议显示为“大写字母首字母”或“全部大写”,请添加 text-transform : capitalize; 或 自动完成CSS内容的 text-transform : uppercase; 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控制自动完成建议列表的可视演示。 有关可能的可视化演示构思的示例,请参阅以下内容:

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

配置自动完成Word列表

配置自动完成

配置完自动完成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. 复制代码并将其粘贴到您希望显示搜索表单的网站的网页中。

在此页面上