Acerca de Autocompletar

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

Acerca de Autocompletar

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 finalización automática.

Configuración del autocompletado

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

Después de configurar la función de autocompletar, puede realizar la vista de la fuente HTML resultante para su revisión. El código fuente HTML es lo que copia y pega en las páginas del sitio web.

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

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

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

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, establezca las opciones que desee.

    Consulte también Vista preliminar del formulario de búsqueda tal y 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.

    Número máximo de entradas de caché

    Especifica el número máximo de sugerencias de autocompletar 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 navegador 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 habilitada 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 de div

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

    <div id="autocomplete">

    donde autocompletar 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 de identificación de la etiqueta de entrada.

    Mostrar sombra

    Añade una sombra paralela esté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.

    Conjunto de caracteres UTF-8 compatible

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

  3. Haga clic Save Changes.

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

Configuración de la Lista de palabras de finalización automática

Configure la lista de palabras y frases que Autocompletar muestra a un cliente como sugerencias.

Consulte Configuración del autocompletado.

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

Para configurar la Lista de palabras de finalización automática

  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, establezca las opciones que desee.

    Consulte Vista preliminar del formulario de búsqueda tal y 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 las búsquedas recientes de un cliente.

    Número máximo de búsquedas

    Controla el número máximo de palabras y frases buscadas para incluir en la lista de palabras de compleción automática. 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 agregar o quitar nombres de campo.

    Recuento de valores máximo

    Define el número 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.

    Añadir estas palabras y frases

    La lista de palabras de compleción automática se rellena con las palabras y frases que aparecen en esta área.

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

    Eliminar estas palabras y frases

    Las entradas de esta área no se muestran en la lista de palabras de compleción automática.

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

    En esta lista se permiten expresiones regulares. Para especificar una expresión regular en esta lista, inicio la línea con regexp seguida de un único espacio, seguido de la expresión regular. Se eliminan todas las líneas de la lista de palabras que coincidan con la expresión normal.

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

    Consulte Expresiones regulares .

    Omitir caso

    Se eliminan las entradas de duplicado en la lista de palabras de autocompletar que solo difieren en mayúsculas o minúsculas alfabéticas; todas las entradas de lista de palabras se ven obligadas a minúsculas.

    Si desea que las sugerencias de Autocompletar aparezcan "primera letra en mayúsculas" o "todas 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, bajo los estilos "/*%20para%20el%20elemento%20de%20resultado%20*/?lang=es".

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

    Actualización de reíndice

    La lista de palabras de compleción automática 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 History para revertir cualquier cambio que haya realizado.

    • Haga clic 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 dinámica.

    • Haga clic Push Live.

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

Configuración de CSS de finalización automática

Utilice CSS de finalización automática para configurar la hoja de estilo en cascada de finalización automática que desea utilizar.

La CSS de finalización automática controla el contenido de autocomplete_styles.css, que se incluye como parte del formulario de búsqueda habilitado para completar automáticamente. 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 del autocompletado.

Cuando haya terminado de configurar la CSS de finalización automática, puede realizar una previsualización del formulario de búsqueda para ver si la CSS especificada es aceptable en apariencia y presentación.

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

Importante: Para aplicar la CSS personalizada de finalización automática, debe eliminar las etiquetas de comentarios 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 CSS de finalización automática

  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 la hoja de estilo en cascada que desea asociar con la lista de sugerencia 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

En función de la configuración de Autocompletar y Autocompletar CSS, puede realizar una previsualización de cómo aparece el formulario de búsqueda si desea agregar el código HTML a su sitio Web.

Consulte Configuración del autocompletado.

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

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.

Previsualización 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 copió y pegó en las páginas del sitio web.

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

En función de la configuración de Autocompletar y Autocompletar CSS, puede realizar una previsualización de cómo aparece el formulario de búsqueda si desea agregar el código HTML a su sitio Web.

Consulte Configuración del autocompletado.

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

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 función de autocompletar CSS y desea que se apliquen los estilos al formulario de búsqueda, elimine las etiquetas de comentarios de la segunda línea que aparece en el código HTML. A continuación, mueva la misma línea hacia 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 body 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