Informazioni sul completamento automatico

È possibile configurare diverse aree di Completamento automatico per controllare la generazione del modulo di ricerca con completamento automatico abilitato e il file autocomplete_data.js, incluso come parte del modulo di ricerca con completamento automatico abilitato.

Informazioni sul completamento automatico

Il file autocomplete_data.js viene rigenerato e pubblicato nella rete di contenuti di ricerca ogni volta che si verificano modifiche salvate dalla pagina Configurazione completamento automatico .

Configurazione del completamento automatico

È possibile configurare e impostare le opzioni che controllano la generazione del modulo di ricerca abilitato per la compilazione automatica e il file.

Dopo aver configurato il completamento automatico, è possibile visualizzare l'origine HTML risultante per la revisione. L’origine HTML è l’elemento copiato e incollato nelle pagine del sito web.

Vedere Anteprima del modulo di ricerca così come apparirebbe sul proprio….

Vedere Configurazione dell'elenco di parole con completamento automatico.

Consulta Configurazione del CSS con completamento automatico.

Per configurare il completamento automatico

  1. Dal menu del prodotto, fai clic su Design > Auto-Complete > Auto-Complete Setup.

  2. Nella pagina Auto-Complete Setup , imposta le opzioni desiderate.

    Vedere anche Anteprima del modulo di ricerca così come apparirebbe sul proprio….

    Opzione

    Descrizione

    Suggerimenti massimi

    Specifica il numero massimo di elementi da visualizzare nell'elenco dei suggerimenti per il completamento automatico.

    Caratteri di input minimi

    Specifica il numero di caratteri che un cliente deve digitare nel modulo di ricerca con completamento automatico prima di visualizzare i suggerimenti.

    Numero massimo di voci della cache

    Specifica il numero massimo di suggerimenti di completamento automatico richiesti in precedenza da memorizzare in cache nel browser del cliente. In genere, è consigliabile lasciare questa impostazione al valore predefinito di 1000.

    È tuttavia sconsigliato disattivare completamente la memorizzazione in cache del browser impostando questa opzione su 0.

    Nome del modulo

    Specifica l'attributo "name" del tag "form" del modulo di ricerca abilitato automatico. Ad esempio,

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

    dove SiteSearch è l'attributo name del tag modulo.

    ID tag Div

    Specifica l'attributo ID del tag "div" del modulo di ricerca abilitato automatico. Ad esempio,

    <div id="autocomplete">

    dove autocomplete è l’attributo del tag div.

    ID tag di input

    Specifica l'attributo ID del tag "input" del modulo di ricerca abilitato automatico. Ad esempio,

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

    dove q è l'attributo id del tag di input.

    Visualizza ombreggiatura

    Aggiunge un’ombreggiatura cosmetica all’elenco dei suggerimenti per il completamento automatico.

    Corrispondenza solo all'inizio della frase

    Suggerisci solo i risultati che corrispondono all’inizio del testo di input .

    Supporta set di caratteri UTF-8

    Gestire correttamente i caratteri non ASCII in termini.

  3. Clic Save Changes.

  4. (Facoltativo) Effettua una delle seguenti operazioni:

Configurazione dell'elenco di parole con completamento automatico

Configura l’elenco di parole e frasi che il completamento automatico visualizza a un cliente come suggerimenti.

Consulta Configurazione del completamento automatico.

Consulta Configurazione del CSS con completamento automatico.

Per configurare l'elenco di parole con completamento automatico

  1. Dal menu del prodotto, fai clic su Design > Auto-Complete > Auto-Complete Word List.

  2. Nella pagina Auto-Complete Word List , imposta le opzioni desiderate.

    Vedere Anteprima del modulo di ricerca così come apparirebbe sul proprio….

    Opzione

    Descrizione

    Periodo di ricerche popolari

    Controlla il periodo di tempo per l'inclusione di parole e frasi dalle ricerche recenti di un cliente.

    Numero massimo di ricerche

    Controlla il numero massimo di parole e frasi ricercate da includere nell'elenco di parole complete automaticamente. Sono incluse le parole e le frasi principali, che sono anche le più popolari.

    Nome campo

    Ogni nome campo definisce il nome di un campo per il quale includere valori indicizzati. Utilizza + e - per aggiungere o rimuovere i nomi di campo.

    Conteggio valori massimo

    Definisce il numero massimo di valori di campo consentiti per il nome di campo selezionato. Sono inclusi i valori principali, anch'essi quelli più citati.

    Aggiungi queste parole e frasi

    L’elenco di parole con completamento automatico viene compilato con le parole e le frasi elencate in quest’area.

    Fare clic su Modifica per visualizzare l'elenco o per aggiungere parole ed frasi all'elenco. Al termine, fai clic su Salva modifiche .

    Rimuovi queste parole e frasi

    Le voci in quest'area non vengono visualizzate nell'elenco di parole completo automatico.

    Fare clic su Modifica per visualizzare l'elenco o per aggiungere parole ed frasi all'elenco. Al termine, fai clic su Salva modifiche .

    Le espressioni regolari sono consentite in questo elenco. Per specificare un’espressione regolare in questo elenco, inizia la riga con regexp seguito da un singolo spazio, seguito dall’espressione regolare. Le righe dell’elenco di parole che corrispondono all’espressione regolare vengono rimosse.

    Importante: Utilizzare espressioni regolari solo se in precedenza sono state utilizzate in altre applicazioni.

    Consulta Espressioni regolari .

    Ignora maiuscole

    Le voci duplicate nell'elenco di parole completo automatico che differiscono solo per lettere maiuscole/minuscole alfabetiche vengono rimosse; tutte le voci dell’elenco di parole sono forzate a utilizzare lettere minuscole.

    Se desideri che i suggerimenti di completamento automatico vengano visualizzati come "prima lettera con maiuscole" o "tutte le maiuscole", aggiungi la text-transform : capitalize; o text-transform : uppercase; Proprietà di testo CSS per il contenuto CSS con completamento automatico, in "/* stili per l’elemento risultato */".

    Consulta Configurazione del CSS con completamento automatico .

    Aggiornamento sul reindice

    L'elenco di parole completo viene rigenerato automaticamente dopo ogni reindicizzazione dell'account riuscita.

  3. Clic Save Changes.

  4. (Facoltativo) Effettua una delle seguenti operazioni:

    • Fai clic su History per ripristinare le modifiche apportate.

    • Fai clic su Preview Word List per salvare le modifiche apportate, quindi apri la pagina Auto-Complete Word List Preview in cui puoi rivedere l’elenco dei suggerimenti per il completamento automatico. Utilizza le opzioni di navigazione nella parte superiore della pagina per rivedere e perfezionare l’elenco visualizzato. Al termine, fai clic su Close per tornare alla pagina Auto-Complete Word List.

      Vedere Uso dell'opzione Cronologia.

    • Clic Live.

      Consulta Visualizzazione delle impostazioni live.

    • Clic Push Live.

      Consulta Pushing stage settings live.

Configurazione del CSS con completamento automatico

Utilizzare il CSS con completamento automatico per configurare il foglio di stile CSS con completamento automatico da utilizzare.

Il CSS con completamento automatico controlla il contenuto di autocomplete_styles.css, incluso come parte del modulo di ricerca abilitato automatico. Il CSS specificato qui controlla la presentazione visiva dell’elenco dei suggerimenti con completamento automatico. Per un esempio delle idee di presentazione visiva possibili, consulta:

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

Configurazione dell’elenco di parole con completamento automatico.

Configurazione del completamento automatico.

Una volta completata la configurazione del CSS con completamento automatico, puoi visualizzare in anteprima il modulo di ricerca per verificare se il CSS specificato è accettabile in termini di aspetto e layout.

Vedere Anteprima del modulo di ricerca così come apparirebbe sul proprio….

Importante: Per applicare il CSS personalizzato con completamento automatico, devi rimuovere i tag di commento dalla seconda riga visualizzata nel codice HTML. Quindi si sposta la stessa riga all’interno della sezione iniziale della pagina che contiene il modulo di ricerca.

Vedere Copia del codice HTML del modulo di ricerca in….

Per configurare il CSS con completamento automatico

  1. Dal menu del prodotto, fai clic su Design > Auto-Complete > Auto-Complete CSS.

  2. Nel campo di testo Auto-Complete CSS, incollare o digitare le informazioni del foglio di stile CSS che si desidera associare all'elenco dei suggerimenti completi automaticamente.

  3. Clic Save Changes.

  4. (Facoltativo) Effettua una delle seguenti operazioni:

Visualizzazione dell'anteprima del modulo di ricerca così come apparirebbe sul sito web

In base alla configurazione del CSS con completamento automatico e completamento automatico, è possibile visualizzare in anteprima l’aspetto del modulo di ricerca se si desidera aggiungere il codice HTML al sito web.

Consulta Configurazione del completamento automatico.

Consulta Configurazione del CSS con completamento automatico.

Vedere Copia del codice HTML del modulo di ricerca in….

Vedere Uso delle raccolte nei moduli di ricerca.

Vedere Uso dei frame con forms.

Consultare Esempio di modulo di ricerca avanzato.

Vedere Codice HTML del modulo di ricerca avanzato.

Vedere Codice modello di modulo di ricerca avanzato.

Per visualizzare in anteprima il modulo di ricerca così come apparirebbe sul sito web

  1. Dal menu del prodotto, fai clic su Design > Auto-Complete > Search Form.
  2. (Facoltativo) Fai clic su HTML code per visualizzare l’HTML che copia e incolla nelle pagine del sito web.

Copiare il codice HTML del modulo di ricerca nelle pagine del sito web

In base alla configurazione del CSS con completamento automatico e completamento automatico, è possibile visualizzare in anteprima l’aspetto del modulo di ricerca se si desidera aggiungere il codice HTML al sito web.

Consulta Configurazione del completamento automatico.

Consulta Configurazione del CSS con completamento automatico.

Vedere Copia del codice HTML del modulo di ricerca in….

Vedere Uso delle raccolte nei moduli di ricerca.

Vedere Uso dei frame con forms.

Consultare Esempio di modulo di ricerca avanzato.

Vedere Codice HTML del modulo di ricerca avanzato.

Vedere Codice modello di modulo di ricerca avanzato.

Per copiare il codice HTML del modulo di ricerca nelle pagine del sito web

  1. Dal menu del prodotto, fai clic su Design > Auto-Complete > Form Source.

    NOTA

    Non modificare il valore form name= nell’origine del modulo.

  2. (Facoltativo) Effettua una delle seguenti operazioni:

    • Se hai configurato il CSS con completamento automatico e desideri che gli stili siano applicati al modulo di ricerca, rimuovi i tag commento dalla seconda riga visualizzata nel codice HTML. Quindi, sposta la stessa riga all’interno della sezione iniziale della pagina che contiene il modulo di ricerca.
    • Per ottenere le massime prestazioni, sposta i tag elencati nella parte inferiore del codice HTML e posizionali nella parte inferiore della sezione corpo di ogni pagina contenente il modulo di ricerca.
  3. Copia il codice e incollalo nelle pagine web del sito web in cui desideri visualizzare il modulo di ricerca.

In questa pagina