关于自动完成

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

关于自动完成

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

配置自动完成

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

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

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

请参阅配置自动完成单词列表

请参阅配置自动完成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

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

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

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

    显示阴影

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

    仅在短语开头匹配

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

    支持UTF-8字符集

    在术语中正确处理非ASCII字符。

  3. 单击 Save Changes.

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

配置自动完成单词列表

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

请参阅配置自动完成

请参阅配置自动完成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页面。

      请参阅使用History选项

    • 单击 Live.

      请参阅查看实时设置

    • 单击 Push Live.

      请参阅实时推送阶段设置

配置自动完成CSS

使用自动完成CSS配置要使用的自动完成级联样式表。

自动完成CSS控制autocomplete_styles.css的内容,该内容包含在启用自动完成的搜索表单中。 您在此处指定的CSS控制自动完成建议列表的可视呈现形式。 有关可用的可视化演示构思的示例,请参阅以下内容:

配置自动完成单词列表

配置自动完成

配置完自动完成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代码复制到……

请参阅在搜索表单中使用收藏集

请参阅将帧与forms一起使用。

请参阅高级搜索表单示例。

请参阅高级搜索表单HTML代码

请参阅高级搜索表单模板代码

预览搜索表单在您网站上的显示效果

  1. 在产品菜单中,单击​Design > Auto-Complete > Search Form
  2. (可选)单击​HTML code​以查看您复制并粘贴到网站页面中的HTML。

将搜索表单的HTML代码复制到网站的页面中

根据自动完成和自动完成CSS的配置,您可以预览在向网站添加HTML代码时搜索表单的显示方式。

请参阅配置自动完成

请参阅配置自动完成CSS

请参阅将搜索表单的HTML代码复制到……

请参阅在搜索表单中使用收藏集

请参阅将帧与forms一起使用。

请参阅高级搜索表单示例。

请参阅高级搜索表单HTML代码

请参阅高级搜索表单模板代码

将搜索表单的HTML代码复制到您网站的页面中

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

    注意

    请勿更改表单源中的form name=值。

  2. (可选)执行以下任一操作:

    • 如果您配置了自动完成CSS并希望将样式应用于搜索表单,请从HTML代码中显示的第二行中删除注释标记。 接下来,将同一行移动到包含搜索表单的页面标题部分内。
    • 为获得最佳性能,请移动HTML代码底部列出的标记,并将它们置于包含搜索表单的每个页面主体部分的底部。
  3. 复制代码并将其粘贴到您希望显示搜索表单的网站网页中。

在此页面上