Show Menu
ARGOMENTI×

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 Configurazione dell'elenco di parole con completamento automatico.
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.
    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.
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.
    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.
    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 siano visualizzati come "prima lettera maiuscola" o "tutte maiuscole", aggiungete il text-transform: capitalize;  oppure  text-transform: maiuscolo; Proprietà del testo CSS per il contenuto CSS con completamento automatico, in "/* stili per l'elemento risultato */".
    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’opzione Cronologia.
    • Clic Live .
    • Clic Push Live .
      Consultate Invio live delle 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:
Configurazione dell'elenco di parole con completamento automatico.
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.
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.
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.
Vedere Esempio di modulo di ricerca avanzato.
Vedere Codice HTML per moduli di ricerca avanzati.
Vedere Codice modello di modulo di ricerca avanzata.
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.
Vedere Esempio di modulo di ricerca avanzato.
Vedere Codice HTML per moduli di ricerca avanzati.
Vedere Codice modello di modulo di ricerca avanzata.
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 .
    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.