Come configurare la ricerca sfaccettata per Drupal 8 (e 9) – Un semplice tutorial passo passo

Pubblicato: 2020-11-18

La ricerca sfaccettata offre agli utenti un'esperienza di ricerca superiore visualizzando i filtri sui risultati della ricerca. È particolarmente utile per i siti Web con cataloghi ed elenchi di grandi dimensioni. Una volta che l'utente digita la query di ricerca, gli verrà presentato un elenco di opzioni di filtro pertinenti per restringere ulteriormente la ricerca. Questi elementi filtranti sono sfaccettature.

In precedenza API Facet in Drupal 7, il modulo Facet in Drupal 8 abilita il tuo sito Web con capacità di ricerca sfaccettata. Facets supporta anche Drupal 9! Diamo un'occhiata alla configurazione e all'implementazione della ricerca sfaccettata con il server di ricerca di Drupal, l'API di ricerca.

Ricerca sfaccettata

Che cos'è la ricerca sfaccettata?

Se i tuoi utenti hanno difficoltà a vedere cosa stanno cercando anche dopo aver digitato la query di ricerca, sono destinati a sentirsi frustrati. La ricerca sfaccettata fornisce agli utenti più filtri contemporaneamente per i vari attributi del contenuto. I facet forniti si basano sulla query di ricerca eseguita dall'utente. Accanto ai facet viene visualizzato anche il numero di risultati corrispondenti (di solito tra parentesi). Diamo un'occhiata a questo screenshot qui sotto per capire meglio Facets-

Modulo Facets per Drupal 8

In uno dei nostri recenti progetti Drupal 8, una rapida ricerca di Case in Colombia su questo sito Web presenta aspetti come Comunità, Offerte speciali, Traslochi rapidi e altro ancora. Vedrai anche il conteggio dei risultati accanto a ogni sfaccettatura. Quindi, una query con la parola chiave "Columbia" viene inviata al server di ricerca per recuperare le categorie già configurate e indicizzate (Community, Hot Deals, ecc.)

Installazione del modulo Facets per Drupal 8

Come discusso in precedenza, implementeremo la ricerca con faccette utilizzando il modulo API di ricerca di Drupal.

Passaggio 1: abilitazione dei moduli

Installa e abilita questi moduli
• Il modulo Facet
• Modulo API di ricerca

Passaggio 2: creazione di tipi di contenuto

Crea il contenuto che desideri includere nella ricerca per facet aggiungendo i tipi di contenuto come mostrato di seguito. Puoi anche utilizzare i tipi di contenuto predefiniti forniti da Drupal.

Crea tipi di contenuto
Passaggio 2: crea tipi di contenuto


Passaggio 3: configurazione del server di ricerca

Passare a Configurazione -> Ricerca e metadati -> API di ricerca dall'interfaccia di amministrazione per configurare il server di ricerca. Dai un nome al tuo server di ricerca (qui - server dati).

Configura il server di ricerca
Passaggio 3: configurare il server di ricerca

Passaggio 4: configurazione dell'indice di ricerca

Quindi, configura l'indice di ricerca per migliorare le prestazioni di ricerca. Passare a Configurazione -> Ricerca e metadati -> API di ricerca -> Indice -> data_index .

Configurazione dell'indice di ricerca

Passaggio 4: configurazione dell'indice di ricerca

Assegna un nome al tuo indice e quindi seleziona Contenuto come Origini dati poiché indicizziamo qui le entità del contenuto.
Puoi quindi passare alla sezione successiva - Configurazione dell'origine dati (qui - Contenuto). Qui puoi scegliere di selezionare tutti i bundle o selezionarne solo alcuni dall'elenco sottostante da indicizzare.
Quindi, seleziona il tuo server che avevi già creato (qui - server dati). Seleziona l'opzione " Indicizza immediatamente gli elementi " per iniziare il processo di indicizzazione. Fare clic su Salva.

Configurazione dell'origine dati

Configurazione dell'origine dati


Passaggio 5: aggiunta di campi per l'indicizzazione

Successivamente, dobbiamo aggiungere i campi da indicizzare. Passare a Configurazione -> Ricerca e metadati -> API di ricerca -> indice dati e selezionare la scheda Campi . Fare clic sul pulsante Aggiungi campi per creare campi in base alle proprie esigenze.

Passaggio 5: aggiunta di campi per l'indicizzazione

Passaggio 5: aggiunta di campi per l'indicizzazione


Passaggio 6: indicizzazione del contenuto

Nella stessa posizione, fai clic sulla scheda Visualizza per avviare il processo di indicizzazione dei tuoi contenuti. Nella sezione Inizia l'indicizzazione ora, fai clic sul pulsante Indicizza ora . Ti mostrerà quindi una barra di avanzamento con lo stato del numero di elementi che sono stati indicizzati.

Ricerca sfaccettata

Passaggio 6: indicizzare il contenuto

Passaggio 7: creazione di una vista

Ora creeremo una vista per i dati che devono essere indicizzati e mostrati ai tuoi utenti. Passare a Struttura -> Viste -> Aggiungi vista .

Creazione di una vista

Passaggio 7: creazione di una vista

Assegna un nome alla vista.
Nell'elenco a discesa Visualizza impostazioni, seleziona l'indice che hai creato nel passaggio 4.
Crea una pagina per i risultati della ricerca facendo clic sulla casella di controllo Crea una pagina nella scheda Impostazioni pagina. Dare un nome e un percorso per lo stesso.
In Elementi da visualizzare , seleziona 0 se desideri visualizzare tutti i risultati in una pagina. Altrimenti, seleziona un numero di risultati da visualizzare.
In Impostazioni di visualizzazione della pagina, puoi selezionare il formato in cui desideri visualizzare i risultati: tabella, griglia, elenco HTML o elenco non formattato. Abbiamo selezionato Elenco non formattato qui. Fare clic su Salva.

Passaggio 8: aggiunta di campi alla vista

Qui aggiungeremo i campi che abbiamo indicizzato in precedenza alla vista.
Vai a Visualizzazioni, fai clic sul pulsante Aggiungi accanto alla sezione Campi. Seleziona i campi, fai clic su Aggiungi e configura.
In Impostazioni di rendering, seleziona la casella di controllo Collega al contenuto in modo che i risultati visualizzati siano cliccabili.
Fare clic su Salva.

Aggiunta di campi alla vista

Passaggio 8: aggiunta di campi alla vista


Passaggio 9: configurazione dei facet

Ora iniziamo a configurare e abilitare i facet. Passare a Configurazione -> Ricerca e metadati -> Facet

Fare clic sul pulsante Aggiungi facet.

Configurazione delle faccette

Passaggio 9: configurazione dei facet

Seleziona la Facet Source: questa sarà la vista che hai creato in precedenza.
Seleziona il campo: verranno visualizzati i campi aggiunti per l'indicizzazione nel passaggio 5.
Dai un nome al Facet.
Fare clic su Salva.

Successivamente, vedrai più opzioni di configurazione per la visualizzazione delle sfaccettature (come mostrato nell'immagine sotto). I widget elencheranno una serie di opzioni come Elenco di collegamenti, array, menu a discesa, ecc. Puoi scegliere ciò che si adatta meglio al tuo sito web.
Selezionare "Trasforma ID entità in etichetta" per evitare di visualizzare il nome della macchina del tipo di contenuto.
Fare clic su Salva.

Ricerca sfaccettata
Configurazione delle faccette

Passaggio 10: posizionare i blocchi Facet nelle regioni della pagina scelte

Quindi, posiziona i Facet che hai creato come blocchi in un'area della pagina a tua scelta.
Passare a Struttura -> Layout blocco .
Seleziona l'area della pagina in cui desideri posizionare il blocco contenente le sfaccettature.
Qui, stiamo selezionando Sidebar . Fare clic sul pulsante Posiziona blocco accanto alla barra laterale.
Nella finestra di dialogo successiva, cerca il nome del facet e fai clic su Posiziona blocco.

Posizionamento dei blocchi Facet nelle regioni della pagina scelte

Passaggio 10: posizionare i blocchi Facet nelle regioni della pagina scelte


Nella sezione Configura blocco, menziona il percorso della pagina di ricerca che avevi creato in precedenza. Qui -" ricerca nel sito " è la nostra pagina che abbiamo creato.
Assegna un nome visualizzato per il tuo blocco e seleziona la casella di controllo Visualizza titolo se desideri che venga visualizzato il nome del blocco (qui - Digita).
Fare clic su Salva blocco .

Il risultato

E proprio così, la tua pagina di ricerca sfaccettata e la tua funzionalità sono pronte! Notare il facet denominato Tipo (nome visualizzato) che ha la pagina di base e l'articolo elencati come tipi di contenuto in base ai quali filtrare.

Risultato: la pagina di ricerca sfaccettata

Risultato: la pagina di ricerca sfaccettata