Show Menu
TÓPICOS×

Sobre a conclusão automática

Você pode configurar várias áreas da opção Completar automaticamente para controlar a geração do formulário de pesquisa ativado para preenchimento automático e do arquivo autocomplete_data.js, que é incluído como parte do formulário de pesquisa ativado para preenchimento automático.

Sobre a conclusão automática

O arquivo autocomplete_data.js é gerado novamente e publicado na rede de conteúdo de pesquisa sempre que houver alterações salvas na página de Configuração de Completar automaticamente.

Configuração da conclusão automática

Você pode configurar e configurar as opções que controlam a geração do formulário de pesquisa ativado de preenchimento automático e o arquivo.
Depois de configurar o preenchimento automático, você pode exibir a fonte HTML resultante para revisão. A fonte HTML é o que você copia e cola nas páginas do seu site.
Consulte Configuração da lista de palavras de preenchimento automático.
Consulte Configuração do CSS de Completar automaticamente.
Para configurar a conclusão automática
  1. No menu do produto, clique em Design > Auto-Complete > Auto-Complete Setup .
  2. Na Auto-Complete Setup página, defina as opções desejadas.
    Opção
    Descrição
    Máximo de sugestões
    Especifica o número máximo de itens a serem exibidos na lista de sugestões de preenchimento automático.
    Caracteres mínimos de entrada
    Especifica o número de caracteres que um cliente deve digitar no formulário de pesquisa de preenchimento automático antes de exibir sugestões.
    Máximo de entradas de cache
    Especifica o número máximo de sugestões de preenchimento automático solicitadas anteriormente para armazenar em cache no navegador do cliente. Geralmente, você deve deixar essa configuração no padrão 1000.
    Embora você possa desativar completamente o cache do navegador ao definir essa opção para 0, isso não é recomendado.
    Nome do formulário
    Especifica o atributo "name" da tag "form" do formulário de pesquisa ativado para preenchimento automático. Por exemplo,
    <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank">
    onde SiteSearch é o atributo name da tag de formulário.
    ID da tag Div
    Especifica o atributo ID da tag "div" do formulário de pesquisa ativado para preenchimento automático. Por exemplo,
    <div id="autocomplete">
    em que preenchimento automático é o atributo da tag div.
    ID da tag de entrada
    Especifica o atributo ID da tag "input" do formulário de pesquisa ativado para preenchimento automático. Por exemplo,
    <input type="text" id="q" name="q" />
    onde q é o atributo id da tag de entrada.
    Exibir sombra
    Adiciona uma sombra projetada superficial à lista de sugestões de preenchimento automático.
    Corresponder somente no início da frase
    Sugerir somente resultados que correspondam ao início do texto de entrada.
    Suporte a conjunto de caracteres UTF-8
    Tratar corretamente caracteres não ASCII em termos.
  3. Clique em Save Changes .
  4. (Opcional) Execute um dos procedimentos a seguir:

Configuração da lista de palavras de preenchimento automático

Configure a lista de palavras e frases que a opção Completar automaticamente é exibida para um cliente como sugestões.
Consulte Configuração do CSS de Completar automaticamente.
Para configurar a Lista de palavras de preenchimento automático
  1. No menu do produto, clique em Design > Auto-Complete > Auto-Complete Word List .
  2. Na Auto-Complete Word List página, defina as opções desejadas.
    Opção
    Descrição
    Período de pesquisa popular
    Controla o período de tempo para a inclusão de palavras e frases de pesquisas recentes de um cliente.
    Contagem máxima de pesquisa
    Controla o número máximo de palavras e frases pesquisadas a serem incluídas na lista de palavras de preenchimento automático. As palavras e frases principais, que também são as mais populares, estão incluídas.
    Nome do campo
    Cada nome de campo define o nome de um campo para o qual incluir valores indexados. Use + e - para adicionar ou remover nomes de campos.
    Contagem de valores máximos
    Define a contagem máxima de valores de campo que são permitidos para o nome do campo selecionado. Os valores principais, que também são os mais referenciados, são incluídos.
    Adicionar estas palavras e frases
    A lista de palavras de preenchimento automático é preenchida com as palavras e frases listadas nessa área.
    Clique em Editar para ver a lista ou para adicionar palavras e frases à lista. Quando terminar, clique em Salvar alterações .
    Remover essas palavras e frases
    As entradas nesta área não são exibidas na lista de palavras de preenchimento automático.
    Clique em Editar para ver a lista ou para adicionar palavras e frases à lista. Quando terminar, clique em Salvar alterações .
    Expressões regulares são permitidas nesta lista. Para especificar uma expressão regular nesta lista, inicie a linha com regexp seguido por um único espaço, seguido pela expressão regular. Todas as linhas na lista de palavras que correspondem à expressão regular são removidas.
    Importante : Você só deve usar expressões regulares se tiver trabalhado com elas anteriormente em outros aplicativos.
    Ignorar Maiúsculas e Minúsculas
    São removidas entradas duplicadas na lista de palavras de preenchimento automático que diferem apenas por letras maiúsculas/minúsculas alfabéticas; todas as entradas da lista de palavras são forçadas a minúsculas.
    Se desejar que as sugestões de Completar automaticamente apareçam "primeira letra maiúscula" ou "todas maiúsculas", adicione o text-transform : capitalizar; ou text-transform : maiúsculo; Propriedades de texto CSS para o conteúdo de CSS de Completar automaticamente, em "/* estilos para o item de resultado */".
    Atualização ao reindexar
    A lista de palavras de preenchimento automático é automaticamente regenerada após cada reindexação de conta bem-sucedida.
  3. Clique em Save Changes .
  4. (Opcional) Execute um dos procedimentos a seguir:
    • Clique History para reverter quaisquer alterações feitas.
    • Clique Preview Word List para salvar quaisquer alterações feitas e abra a Auto-Complete Word List Preview página onde você pode revisar a lista de sugestões de preenchimento automático. Use as opções de navegação próximas à parte superior da página para revisar e refinar a lista exibida. Quando terminar, clique em Close para retornar à Auto-Complete Word List página.
      Consulte Uso da opção Histórico.
    • Clique em Live .
    • Clique em Push Live .

Configurando o CSS de Completar Automaticamente

Use a opção Completar automaticamente o CSS para configurar a folha de estilos em cascata de preenchimento automático que você deseja usar.
A opção Completar automaticamente o CSS controla o conteúdo do autocomplete_styles.css, que é incluído como parte do formulário de pesquisa ativado para preenchimento automático. O CSS especificado aqui controla a apresentação visual da lista de sugestão de preenchimento automático. Para obter um exemplo das ideias de apresentação visual possíveis, consulte o seguinte:
Configuração da lista de palavras de preenchimento automático.
Quando terminar de configurar o CSS de Completar automaticamente, você poderá visualizar o formulário de pesquisa para ver se o CSS especificado é aceitável na aparência e no layout.
Importante : Para aplicar seu CSS de preenchimento automático personalizado, é necessário remover as tags de comentário da segunda linha que aparece no código HTML. Em seguida, mova a mesma linha para dentro da seção de cabeçalho da página que contém o formulário de pesquisa.
Para configurar o CSS de Completar automaticamente
  1. No menu do produto, clique em Design > Auto-Complete > Auto-Complete CSS .
  2. No campo de Auto-Complete CSS texto, cole ou digite as informações da folha de estilos em cascata que você deseja associar à lista de sugestão de preenchimento automático.
  3. Clique em Save Changes .
  4. (Opcional) Execute um dos procedimentos a seguir:

Visualizar o formulário de pesquisa como ele apareceria em seu site

Com base na configuração de Completar automaticamente e Completar automaticamente o CSS, você pode visualizar como o formulário de pesquisa será exibido se você quiser adicionar o código HTML ao seu site.
Consulte Configuração do CSS de Completar automaticamente.
Consulte Amostra de formulário de pesquisa avançada.
Consulte Código HTML do formulário de pesquisa avançada.
Consulte Código do modelo de formulário de pesquisa avançada.
Para visualizar o formulário de pesquisa como ele apareceria em seu site
  1. No menu do produto, clique em Design > Auto-Complete > Search Form .
  2. (Opcional) Clique em HTML code para ver o HTML que você copia e cola nas páginas do seu site.

Copiar o código HTML do formulário de pesquisa para as páginas do site

Com base na configuração de Completar automaticamente e Completar automaticamente o CSS, você pode visualizar como o formulário de pesquisa será exibido se você quiser adicionar o código HTML ao seu site.
Consulte Configuração do CSS de Completar automaticamente.
Consulte Amostra de formulário de pesquisa avançada.
Consulte Código HTML do formulário de pesquisa avançada.
Consulte Código do modelo de formulário de pesquisa avançada.
Para copiar o código HTML do formulário de pesquisa nas páginas do site
  1. No menu do produto, clique em Design > Auto-Complete > Form Source .
    Não altere o form name= valor na fonte do formulário.
  2. (Opcional) Execute um dos procedimentos a seguir:
    • Se você configurou o CSS de preenchimento automático e deseja que os estilos sejam aplicados ao formulário de pesquisa, remova as marcas de comentário da segunda linha que aparece no código HTML. Em seguida, mova a mesma linha para dentro da seção de cabeçalho da página que contém o formulário de pesquisa.
    • Para obter o desempenho máximo, mova as tags listadas na parte inferior do código HTML e coloque-as na parte inferior da seção body de cada página que contém o formulário de pesquisa.
  3. Copie o código e cole-o nas páginas da Web do site onde deseja que o formulário de pesquisa apareça.