Acerca del autocompletado

Puede configurar varias áreas de Autocompletar para controlar la generación del formulario de búsqueda habilitado para autocompletar y el archivo autocomplete_data.js, que se incluye como parte del formulario de búsqueda habilitado para autocompletar.

Acerca de la finalización automática

El archivo autocomplete_data.js se regenera y publica en la red de contenido de búsqueda cada vez que se guardan cambios en la página Configuración de autocompletar.

Configuración del autocompletado

Puede configurar las opciones que controlan la generación del formulario de búsqueda habilitado para autocompletar y el archivo.

Después de configurar la autocompleción, puede ver la fuente HTML resultante para su revisión. La fuente HTML es lo que copia y pega en las páginas del sitio web.

Consulte Vista previa del formulario de búsqueda tal como aparecería en su….

Consulte Configuración de la lista de palabras de finalización automática.

Consulte Configuración de CSS de autocompletar.

Para configurar la finalización automática

  1. En el menú del producto, haga clic en Design > Auto-Complete > Auto-Complete Setup.

  2. En la página Auto-Complete Setup, configure las opciones que desee.

    Consulte también Vista previa del formulario de búsqueda tal como aparecería en su….

    Opción

    Descripción

    Sugerencias máximas

    Especifica el número máximo de elementos que se mostrarán en la lista de sugerencias de autocompletar.

    Caracteres de entrada mínimos

    Especifica el número de caracteres que un cliente debe escribir en el formulario de búsqueda de autocompletar antes de que muestre las sugerencias.

    Máximo de entradas de caché

    Especifica el número máximo de sugerencias de autocompletado solicitadas anteriormente para almacenar en caché en el explorador del cliente. Por lo general, debe dejar esta configuración en el valor predeterminado de 1000.

    Aunque puede deshabilitar completamente el almacenamiento en caché del explorador estableciendo esta opción en 0, no se recomienda.

    Nombre del formulario

    Especifica el atributo "name" de la etiqueta "form" del formulario de búsqueda habilitado para autocompletar. Por ejemplo,

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

    donde SiteSearch es el atributo name de la etiqueta form.

    ID de etiqueta div

    Especifica el atributo de ID de la etiqueta "div" del formulario de búsqueda habilitada para autocompletar. Por ejemplo,

    <div id="autocomplete">

    donde autocomplete es el atributo de la etiqueta div.

    ID de etiqueta de entrada

    Especifica el atributo de ID de la etiqueta "input" del formulario de búsqueda habilitada para autocompletar. Por ejemplo,

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

    donde q es el atributo id de la etiqueta de entrada.

    Mostrar sombra

    Agrega una sombra desplegable de cosmética a la lista de sugerencias de autocompletar.

    Coincidir solo al principio de la frase

    Solo sugerir resultados que coincidan con el principio del texto de entrada .

    Compatibilidad con el conjunto de caracteres UTF-8

    Administre correctamente los caracteres que no sean ASCII en los términos.

  3. Haga clic Save Changes.

  4. (Opcional) Realice una de las siguientes acciones:

Configuración de la lista de palabras de autocompletar

Configure la lista de palabras y frases que la función de completado automático muestra a un cliente como sugerencias.

Consulte Configuración de la finalización automática.

Consulte Configuración de CSS de autocompletar.

Para configurar la lista de palabras de completado automático

  1. En el menú del producto, haga clic en Design > Auto-Complete > Auto-Complete Word List.

  2. En la página Auto-Complete Word List, configure las opciones que desee.

    Consulte Vista previa del formulario de búsqueda tal como aparecería en su….

    Opción

    Descripción

    Período de búsquedas populares

    Controla el período de tiempo para la inclusión de palabras y frases de búsquedas recientes de un cliente.

    Recuento máximo de búsqueda

    Controla el número máximo de palabras y frases buscadas que se incluirán en la lista de palabras autocompletada. Se incluyen las palabras y frases principales, que también son las más populares.

    Nombre del campo

    Cada nombre de campo define el nombre de un campo para el que se incluyen valores indexados. Utilice + y - para añadir o quitar nombres de campo.

    Recuento máximo de valores

    Define el recuento máximo de valores de campo permitidos para el nombre de campo seleccionado. Se incluyen los valores principales, que también son los más referenciados.

    Agregar estas palabras y frases

    La lista de palabras de autocompletar se rellena con las palabras y frases que se enumeran en esta área.

    Haga clic en Editar para ver la lista o para agregar palabras y frases a la lista. Cuando haya terminado, haga clic en Guardar cambios .

    Eliminar estas palabras y frases

    Las entradas de esta área no se muestran en la lista de palabras de autocompletar.

    Haga clic en Editar para ver la lista o para agregar palabras y frases a la lista. Cuando haya terminado, haga clic en Guardar cambios .

    En esta lista se permiten expresiones regulares. Para especificar una expresión regular en esta lista, empiece la línea con regexp seguida de un solo espacio, seguido de la expresión regular. Se eliminará cualquier línea de la lista de palabras que coincida con la expresión regular.

    Importante: Solo debe utilizar expresiones regulares si ya ha trabajado con ellas en otras aplicaciones.

    Consulte Expresiones regulares .

    Ignorar mayúsculas y minúsculas

    Se eliminan las entradas duplicadas en la lista de palabras de autocompletar que solo difieren en mayúsculas/minúsculas alfabéticas; todas las entradas de la lista de palabras están obligadas a minúsculas.

    Si desea que las sugerencias de Autocompletar aparezcan en "primera letra en mayúsculas" o "todo en mayúsculas", agregue la variable text-transform : capitalize; o text-transform : uppercase; Propiedades de texto CSS al contenido de CSS de finalización automática, en "/* estilos para el elemento de resultado */".

    Consulte Configuración de CSS de autocompletar .

    Actualización en reindexación

    La lista de palabras de autocompletar se regenera automáticamente después de cada reindexación de cuenta correcta.

  3. Haga clic Save Changes.

  4. (Opcional) Realice cualquiera de las siguientes acciones:

    • Haga clic en History para revertir cualquier cambio que haya realizado.

    • Haga clic en Preview Word List para guardar los cambios realizados y, a continuación, abra la página Auto-Complete Word List Preview donde podrá revisar la lista de sugerencias de autocompletar. Utilice las opciones de navegación cercanas a la parte superior de la página para revisar y refinar la lista mostrada. Cuando haya terminado, haga clic en Close para volver a la página Auto-Complete Word List.

      Consulte Uso de la opción Historial.

    • Haga clic Live.

      Consulte Visualización de la configuración de lanzamiento.

    • Haga clic Push Live.

      Consulte Inserción de la configuración del escenario en directo.

Configuración del CSS de autocompletar

Utilice la CSS de compleción automática para configurar la hoja de estilos en cascada de autocompletar que desea utilizar.

La función de autocompletar CSS controla el contenido de autocomplete_styles.css, que se incluye como parte del formulario de búsqueda habilitado para autocompletar. El CSS que especifique aquí controla la presentación visual de la lista de sugerencias de autocompletar. Para ver un ejemplo de las ideas de presentación visual que son posibles, consulte lo siguiente:

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

Configuración de la lista de palabras de finalización automática.

Configuración de la finalización automática.

Cuando haya terminado de configurar la CSS de completado automático, podrá obtener una vista previa del formulario de búsqueda para ver si la CSS que ha especificado es aceptable en apariencia y diseño.

Consulte Vista previa del formulario de búsqueda tal como aparecería en su….

Importante: Para aplicar el CSS de autocompletado personalizado, debe eliminar las etiquetas de comentario de la segunda línea que aparece en el código HTML. A continuación, mueva la misma línea a dentro de la sección del encabezado de la página que contiene el formulario de búsqueda.

Consulte Copia del código HTML del formulario de búsqueda en el….

Para configurar la CSS de autocompletar

  1. En el menú del producto, haga clic en Design > Auto-Complete > Auto-Complete CSS.

  2. En el campo de texto Auto-Complete CSS, pegue o escriba la información de hoja de estilo en cascada que desee asociar a la lista de sugerencias de autocompletar.

  3. Haga clic Save Changes.

  4. (Opcional) Realice cualquiera de las siguientes acciones:

Vista preliminar del formulario de búsqueda tal como aparecería en su sitio web

Según la configuración de la CSS de completado automático y de completado automático, puede obtener una vista previa del aspecto del formulario de búsqueda si desea agregar el código HTML a su sitio web.

Consulte Configuración de la finalización automática.

Consulte Configuración de CSS de autocompletar.

Consulte Copia del código HTML del formulario de búsqueda en el….

Consulte Uso de colecciones en formularios de búsqueda.

Consulte Uso de marcos con formularios.

Consulte Ejemplo de formulario de búsqueda avanzada.

Consulte Código HTML de formulario de búsqueda avanzada.

Consulte Código de plantilla de formulario de búsqueda avanzada.

Obtener una vista previa del formulario de búsqueda tal como aparecería en el sitio web

  1. En el menú del producto, haga clic en Design > Auto-Complete > Search Form.
  2. (Opcional) Haga clic en HTML code para ver el HTML que copia y pega en las páginas de su sitio web.

Copia del código HTML del formulario de búsqueda en las páginas del sitio web

Según la configuración de la CSS de completado automático y de completado automático, puede obtener una vista previa del aspecto del formulario de búsqueda si desea agregar el código HTML a su sitio web.

Consulte Configuración de la finalización automática.

Consulte Configuración de CSS de autocompletar.

Consulte Copia del código HTML del formulario de búsqueda en el….

Consulte Uso de colecciones en formularios de búsqueda.

Consulte Uso de marcos con formularios.

Consulte Ejemplo de formulario de búsqueda avanzada.

Consulte Código HTML de formulario de búsqueda avanzada.

Consulte Código de plantilla de formulario de búsqueda avanzada.

Para copiar el código HTML del formulario de búsqueda en las páginas del sitio web

  1. En el menú del producto, haga clic en Design > Auto-Complete > Form Source.

    NOTA

    No cambie el valor form name= en el origen del formulario.

  2. (Opcional) Realice cualquiera de las siguientes acciones:

    • Si ha configurado la CSS de autocompletar y desea que se apliquen los estilos al formulario de búsqueda, elimine las etiquetas de comentario de la segunda línea que aparece en el código HTML. A continuación, mueva la misma línea hasta dentro de la sección del encabezado de la página que contiene el formulario de búsqueda.
    • Para obtener el máximo rendimiento, mueva las etiquetas que aparecen en la parte inferior del código HTML y colóquelas en la parte inferior de la sección de cuerpo de cada página que contenga el formulario de búsqueda.
  3. Copie el código y péguelo en las páginas web del sitio web donde desee que aparezca el formulario de búsqueda.

En esta página