Condividi tramite

Aggiungere una casella di ricerca al sito Intranet

  • Articolo

Importante

A partire dal 31 marzo 2025, M365.cloud.microsoft (in precedenza Office.com e Microsoft365.com) e SharePoint Online saranno le nuove case per Microsoft Search. Microsoft Search in Bing non sarà più disponibile. È consigliabile che gli utenti di Microsoft Search in Bing aggiornino ora i segnalibri. Altre informazioni.

Per consentire agli utenti di accedere facilmente ai risultati dell'organizzazione, aggiungere una casella di ricerca di Microsoft Search in Bing a qualsiasi sito o pagina Intranet. Ecco alcuni dei vantaggi seguenti:

  • Una casella di ricerca nel portale Intranet fornisce un punto di ingresso familiare e attendibile per iniziare la ricerca
  • Può essere aggiunto a SharePoint (classico e moderno), SalesForce, Confluence e ad altre pagine e siti Intranet
  • Supporta tutti i principali web browser, inclusi Google Chrome e Microsoft Edge
  • Vengono visualizzati solo i suggerimenti di ricerca dell'organizzazione, i suggerimenti Web non sono mai inclusi
  • Porta gli utenti a una pagina dei risultati di lavoro di Microsoft Search in Bing, che esclude annunci e risultati Web
  • È possibile controllare l'aspetto e il comportamento della casella di ricerca, inclusa la possibilità di impostare gli utenti su un verticale predefinito o un verticale personalizzato creato

Nota

Per visualizzare i suggerimenti per la ricerca, gli utenti devono accedere al proprio account Microsoft Entra. Agli utenti che non hanno eseguito l'accesso verrà richiesto di eseguire questa operazione dopo aver immesso una query.

Se hai domande o commenti sull'aggiunta o l'uso di una casella di ricerca incorporata, condividili con noi all'indirizzo aka.ms/ESB.

Aggiungere una casella di ricerca a una pagina di SharePoint o Intranet

È necessario aggiungere due elementi alla pagina: un contenitore per la casella di ricerca e lo script che la fa funzionare.

<div id="bfb_searchbox"></div>
<script>
    var bfbSearchBoxConfig = {
        containerSelector: "bfb_searchbox"
    };
</script>
<script async src="https://www.bing.com/business/s?k=sb"></script>

Per le pagine classiche o moderne di SharePoint, scaricare bing-search-box.sppkg dal repository pubblico di Microsoft Search, distribuirlo nel catalogo app di SharePoint e quindi aggiungere l'app ai siti di SharePoint. Per informazioni dettagliate, vedere Distribuire la web part sul lato client in una pagina di SharePoint.

Aggiungere una casella di ricerca alla pagina Confluence

Nella pagina Confluence selezionare Modifica, aggiungere un widget iFrame con questi parametri e Pubblica.

  • URL: https://www.bing.com/business/searchbox
  • Titolo: Org-Name search o Workplace search
  • Larghezza: 560
  • Altezza: 200

Aggiungere una casella di ricerca alla home page di SalesForce

In Visualforce Pages creare una nuova visualizzazione e aggiungere il codice nella sezione Markup.

  1. Accedere all'account SalesForce come amministratore e selezionare Configura nell'angolo in alto a destra per aprire una pagina di installazione.
  2. Nel pannello a sinistra selezionare Strumenti> piattaformaCodice> personalizzatoVisualforce Pages.
  3. Creare una nuova visualizzazione e immetterne un nome. Nella sezione Limita visibilità impostare Visibile su tutti gli utenti.
  4. Salvare la visualizzazione.
  5. Al centro della visualizzazione selezionare Nuovo per aprire Modifica pagina. Immettere un'etichetta, un nome e selezionare la casella di controllo Disponibile per Esperienza Lightning, Siti di Experience Builder e app per dispositivi mobili .
  6. Nella sezione Visualforce Markup aggiungere questo codice e salvare.
<apex:page >
    <iframe width="500" height="300" src="https://www.bing.com/business/searchbox"></iframe>
</apex:page>

È anche possibile personalizzare l'altezza e la larghezza della casella di ricerca con questo codice

<apex:page >
  <div style="height:400px;">
  <div id="bfb_searchbox"></div>
  <script>
      var bfbSearchBoxConfig = {
          containerSelector: "bfb_searchbox",
          width: 400,
          strokeOutline: true
      };
  </script>
  <script async="async" src="https://www.bing.com/business/s?k=sb"></script>
  </div>
</apex:page>

Per aggiungere il componente Visualforce alla home page di SalesForce:

  1. Passare alla home page di SalesForce, https://Instance-Name.lightning.force.com/lightning/page/home.
  2. Selezionare l'icona Ingranaggio, quindi Modifica pagina.
  3. Selezionare l'icona + (più) in qualsiasi punto della home page per aggiungere il componente Visualforce.
  4. Sul lato sinistro selezionare Visualforce. Sul lato destro selezionare il nome di pagina di Visualforce creato in precedenza.
  5. Aggiungere un'etichetta e salvare. Nella home page di SalesForce verrà visualizzata la casella di ricerca creata.

Abilitare la casella di ricerca per i dispositivi mobili

Per i siti Intranet o le pagine disponibili per gli utenti mobili, aggiungere isMobile:true all'oggetto impostazioni:

<div id="bfb_searchbox"></div>
<script>
    var bfbSearchBoxConfig = {
        containerSelector: "bfb_searchbox", 
        isMobile: true
    };
</script>
<script async src="https://www.bing.com/business/s?k=sb"></script>

Configurare lo stato attivo sulla casella di ricerca per impostazione predefinita

Per consentire agli utenti di eseguire ricerche più velocemente, durante il caricamento della pagina o del sito posizionare il cursore nella casella di ricerca aggiungendo focus:true all'oggetto impostazioni:

<div id="bfb_searchbox"></div>
<script>
    var bfbSearchBoxConfig = {
        containerSelector: "bfb_searchbox",
        focus: true
    };
</script>
<script async src="https://www.bing.com/business/s?k=sb"></script>

Per adattare meglio la casella di ricerca allo stile della intranet, è possibile usare varie opzioni di configurazione. Combinare le opzioni in base alle esigenze.

<div id="bfb_searchbox"></div>
<script>
    var bfbSearchBoxConfig = {
        containerSelector: "bfb_searchbox",
        width: 560,                             // default: 560, min: 360, max: 650
        height: 40,                             // default: 40, min: 40, max: 72
        cornerRadius: 6,                        // default: 6, min: 0, max: 25                                   
        strokeOutline: true,                    // default: true
        dropShadow: true,                       // default: false
        iconColor: "#067FA6",                   // default: #067FA6
        title: "Search box",                    // default: "Search box"
        vertical: "Person-people",              // default: not specified, search box directs to the All vertical on the WORK results page
        companyNameInGhostText: "Contoso"       // default: not specified
                                                // when absent, ghost text will be "Search work"
                                                // when specified, text will be "Search <companyNameInGhostText>"
    };
</script>
<script async src="https://www.bing.com/business/s?k=sb"></script>

Indirizzare gli utenti a un verticale predefinito o personalizzato

Per offrire una facile integrazione tra le app line-of-business o i siti Intranet e i risultati del lavoro, è anche possibile specificare un utente verticale predefinito o personalizzato su cui iniziare quando selezionano un suggerimento di ricerca.

Usare l'opzione verticale in bfbSearchBoxConfig per definire la verticale desiderata. Ad esempio, se si vuole che gli utenti atterrino sempre sul verticale Siti, uno dei verticali predefiniti, usare il valore "Site-sites".

Screenshot della pagina dei risultati del lavoro in Microsoft Search in Bing che mostra i risultati verticali e l'URL dei siti.

Per i verticali personalizzati, usare l'hash alla fine dell'URL. È possibile trovare questi valori eseguendo una ricerca dalla pagina di lavoro in Bing, facendo clic su un'etichetta verticale e copiando il valore dopo il segno di numero (#).

Screenshot della pagina dei risultati del lavoro in Microsoft Search in Bing che mostra i risultati verticali e l'URL di una presentazione personalizzata.

Se non è possibile incorporare uno script nel sito, usare un iFrame per aggiungere la casella di ricerca. Non sarà possibile personalizzare la casella di ricerca.

<iframe width="564" height="400" src="https://www.bing.com/business/searchbox"></iframe>

Modalità InPrivate e accesso condizionale

Una casella di ricerca incorporata verrà disabilitata se la pagina o il sito viene aperto in una finestra InPrivate. Inoltre, con Microsoft Entra supporto per l'accesso condizionale in Microsoft Edge, Bing.com non supporta l'accesso Microsoft Entra quando si usa la modalità InPrivate. Per altre informazioni sull'accesso condizionale in Microsoft Edge, vedere Microsoft Edge e l'accesso condizionale.