Completamento automatico

È possibile configurare diverse aree della funzione di completamento automatico per controllare la generazione del modulo di ricerca con completamento automatico abilitato e il file autocomplete_data.js, incluso nel modulo di ricerca con completamento automatico attivato.

Completamento automatico

Il file autocomplete_data.js viene rigenerato e pubblicato nella rete di contenuti di ricerca ogni volta che vengono salvate modifiche dalla pagina di impostazione della funzione di completamento automatico.

Configurazione del completamento automatico

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

Dopo aver configurato il completamento automatico, potete visualizzare l'origine HTML risultante per la revisione. L’origine HTML è il contenuto che potete copiare e incollare nelle pagine del sito Web.

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

Vedere Configurazione dell'elencodi parole con completamento automatico.

Consultate Configurazione della funzione di completamento automatico del CSS.

Per configurare la funzione di completamento automatico

  1. Nel menu del prodotto, fate clic su Design > Auto-Complete > Auto-Complete Setup.

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

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

    Opzione

    Descrizione

    Numero massimo di suggerimenti

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

    Numero minimo di caratteri di input

    Specifica il numero di caratteri che un cliente deve digitare nel modulo di ricerca completo per consentirne la visualizzazione automatica prima di visualizzare i suggerimenti.

    Numero massimo di voci della cache

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

    È possibile disattivare completamente il caching dei browser impostando questa opzione su 0, ma non è consigliabile.

    Nome modulo

    Specifica l'attributo "name" del tag "form" del modulo di ricerca abilitato per l'auto-completamento. Ad esempio,

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

    dove SiteSearch è l'attributo nome del tag modulo.

    ID tag div

    Specifica l'attributo ID del tag "div" del modulo di ricerca abilitato per l'auto-completamento. 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 per l'auto-completamento. Ad esempio,

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

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

    Visualizza ombra

    Aggiunge un’ombreggiatura cosmetica all’elenco dei suggerimenti per la compilazione automatica.

    Corrispondenza solo all'inizio della frase

    Suggerisci solo risultati che corrispondano 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) Effettuate una delle seguenti operazioni:

Configurazione dell'elenco di parole con completamento automatico

Configurate come suggerimenti l'elenco di parole e frasi che la funzione di completamento automatico visualizza a un cliente.

Consultate Configurazione della funzione di completamentoautomatico.

Consultate Configurazione della funzione di completamento automatico del CSS.

Per configurare l'elenco di parole con completamento automatico

  1. Nel menu del prodotto, fate clic su Design > Auto-Complete > Auto-Complete Word List.

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

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

    Opzione

    Descrizione

    Periodo ricerche popolari

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

    Numero massimo ricerche

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

    Nome campo

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

    Conteggio valori massimo

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

    Aggiungi queste parole e frasi

    L'elenco di parole completo viene compilato con le parole e le frasi elencate in questa area.

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

    Rimuovere queste parole e frasi

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

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

    In questo elenco sono consentite espressioni regolari. Per specificare un'espressione regolare in questo elenco, iniziare la riga con regexp seguito da un singolo spazio, seguito dall'espressione regolare. Vengono rimosse tutte le righe dell'elenco di parole che corrispondono all'espressione regolare.

    Importante: È consigliabile utilizzare espressioni regolari solo se in precedenza sono state utilizzate con esse in altre applicazioni.

    Consultate Espressioni regolari .

    Ignora maiuscole

    Vengono rimosse le voci duplicate nell'elenco di parole complete automaticamente che differiscono solo in lettere maiuscole e minuscole; tutte le voci dell'elenco di parole sono forzate a essere minuscole.

    Se desiderate che i suggerimenti di completamento automatico vengano visualizzati come "prima lettera con maiuscole" o "tutte le didascalie", aggiungete le proprietà di testo text-transform : capitalize; o text-transform : uppercase; CSS al contenuto CSS di completamento automatico, in "/*%20stili%20per%20l'elemento%20risultato%20*/?lang=it".

    Consultate Configurazione della funzione di completamento automatico del CSS .

    Aggiorna su reindicizzazione

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

  3. Clic Save Changes.

  4. (Facoltativo) Effettuate una delle seguenti operazioni:

    • Fate clic History per annullare le modifiche apportate.

    • Fate clic Preview Word List Auto-Complete Word List Preview per salvare le modifiche apportate, quindi aprite la pagina in cui potete visualizzare l’elenco dei suggerimenti per la compilazione automatica. Utilizzate le opzioni di navigazione accanto alla parte superiore della pagina per esaminare e perfezionare l'elenco visualizzato. Al termine, fate clic Close per tornare alla Auto-Complete Word List pagina.

      Consultate Utilizzo dell’opzioneCronologia.

    • Clic Live.

      Consultate Visualizzazione delle impostazionidal vivo.

    • Clic Push Live.

      Consultate Invio livedelle impostazioni dell’area di visualizzazione.

Configurazione della funzione di completamento automatico del CSS

Utilizzare la funzione di completamento automatico del CSS per configurare il foglio di stile a cascata automatico da utilizzare.

La funzione di completamento automatico del codice CSS controlla il contenuto di autocomplete_styles.css, incluso nel modulo di ricerca abilitato automaticamente. Il CSS specificato qui controlla la presentazione visiva dell'elenco di suggerimenti auto-completi. Per un esempio delle idee di presentazione visiva possibili, consultate le seguenti risorse:

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

Configurazione dell'elencodi parole con completamento automatico.

Configurazione della funzione di completamentoautomatico.

Una volta completata la configurazione della funzione di completamento automatico del CSS, potete 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 modulo….

Importante: Per applicare un CSS personalizzato con completamento automatico, dovete rimuovere i tag dei commenti dalla seconda riga visualizzata nel codice HTML. Quindi si sposta la stessa riga all'interno della sezione head della pagina che contiene il modulo di ricerca.

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

Per configurare la funzione di completamento automatico del CSS

  1. Nel menu del prodotto, fate clic su Design > Auto-Complete > Auto-Complete CSS.

  2. Nel campo Auto-Complete CSS di testo, incollate o digitate le informazioni del foglio di stile CSS da associare all'elenco dei suggerimenti per il completamento automatico.

  3. Clic Save Changes.

  4. (Facoltativo) Effettuate una delle seguenti operazioni:

Visualizzazione in 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 l’anteprima del modulo di ricerca se si desidera aggiungere il codice HTML al sito Web.

Consultate Configurazione della funzione di completamentoautomatico.

Consultate Configurazione della funzione di completamento automatico del CSS.

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

Vedere Uso delle raccolte nei modulidi ricerca.

Vedere Uso delle cornici con i moduli.

Vedere Esempio di modulodi ricerca avanzato.

Vedere Codice HTML per moduli di ricercaavanzati.

Vedere Codice modello di modulo di ricercaavanzata.

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

  1. Nel menu del prodotto, fate clic su Design > Auto-Complete > Search Form.
  2. (Facoltativo) Fate clic HTML code per visualizzare l’HTML copiato e incollato nelle pagine del sito Web.

Copia del 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 l’anteprima del modulo di ricerca se si desidera aggiungere il codice HTML al sito Web.

Consultate Configurazione della funzione di completamentoautomatico.

Consultate Configurazione della funzione di completamento automatico del CSS.

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

Vedere Uso delle raccolte nei modulidi ricerca.

Vedere Uso delle cornici con i moduli.

Vedere Esempio di modulodi ricerca avanzato.

Vedere Codice HTML per moduli di ricercaavanzati.

Vedere Codice modello di modulo di ricercaavanzata.

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

  1. Nel menu del prodotto, fate clic su Design > Auto-Complete > Form Source.

    Nota

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

  2. (Facoltativo) Effettuate una delle seguenti operazioni:

    • Se avete configurato la funzione di completamento automatico del CSS e desiderate applicare gli stili al modulo di ricerca, rimuovete i tag dei commenti dalla seconda riga visualizzata nel codice HTML. Quindi, spostare la stessa riga all'interno della sezione head della pagina che contiene il modulo di ricerca.
    • Per ottenere il massimo delle prestazioni, spostate i tag elencati nella parte inferiore del codice HTML e posizionateli nella parte inferiore della sezione corpo di ciascuna pagina che contiene il modulo di ricerca.
  3. Copiate il codice e incollatelo nelle pagine Web del sito Web in cui desiderate visualizzare il modulo di ricerca.

In questa pagina