Informazioni sulla funzione di 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.

Informazioni sulla funzione di completamento automatico

Il file autocomplete_data.js viene rigenerato e pubblicato nella rete di contenuti di ricerca ogni volta che viene salvata la pagina di impostazione della funzione di completamento automatico.

Configurazione della funzione di 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'elenco di parole con completamento automatico.

Vedere Configurazione della funzione di completamento automatico del CSS.

Per configurare la funzione di completamento automatico

  1. Scegliere Design > Auto-Complete > Auto-Complete Setup dal menu del prodotto.

  2. Nella pagina Auto-Complete Setup, 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.

Vedere Configurazione della funzione di completamento automatico.

Vedere Configurazione della funzione di completamento automatico del CSS.

Per configurare l'elenco di parole con completamento automatico

  1. Scegliere Design > Auto-Complete > Auto-Complete Word List dal menu del prodotto.

  2. Nella pagina Auto-Complete Word List, 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 e frasi all'elenco. Al termine, fare 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 e frasi all'elenco. Al termine, fare 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.

    Vedere 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 siano visualizzati come "prima lettera maiuscola" o "tutte maiuscole", aggiungete il text-transform : capitalize; oppure text-transform : uppercase; Proprietà del testo CSS per la Completamento automatico del contenuto CSS, 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:

    • Fare clic su History per annullare le modifiche apportate.

    • Fare clic su Preview Word List per salvare le modifiche apportate, quindi aprire la pagina Auto-Complete Word List Preview in cui è possibile esaminare l'elenco dei suggerimenti di completamento automatico. Utilizzate le opzioni di navigazione accanto alla parte superiore della pagina per esaminare e perfezionare l'elenco visualizzato. Al termine, fare clic su Close per tornare alla pagina Auto-Complete Word List.

      Vedere Utilizzo dell'opzione Cronologia.

    • Clic Live.

      Vedere Visualizzazione delle impostazioni dal vivo.

    • Clic Push Live.

      Vedere 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 automatico. 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'elenco di parole con completamento automatico.

Configurazione della funzione di 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.

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. Scegliere Design > Auto-Complete > Auto-Complete CSS dal menu del prodotto.

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

  3. Clic Save Changes.

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

Vedere Configurazione della funzione di completamento automatico.

Vedere Configurazione della funzione di completamento automatico del CSS.

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

Vedere Uso delle raccolte nei moduli di ricerca.

Vedere Utilizzo di frame con form.

Vedere Esempio di modulo di ricerca avanzato.

Vedere Codice HTML del modulo di ricerca avanzata.

Vedere Codice modello di modulo di ricerca avanzata.

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

  1. Scegliere Design > Auto-Complete > Search Form dal menu del prodotto.
  2. (Facoltativo) Fate clic su 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 Configurazione della funzione di completamento automatico.

Vedere Configurazione della funzione di completamento automatico del CSS.

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

Vedere Uso delle raccolte nei moduli di ricerca.

Vedere Utilizzo di frame con form.

Vedere Esempio di modulo di ricerca avanzato.

Vedere Codice HTML del modulo di ricerca avanzata.

Vedere Codice modello di modulo di ricerca avanzata.

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

  1. Scegliere Design > Auto-Complete > Form Source dal menu del prodotto.

    NOTA

    Non modificare il valore form name= 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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free