Agregar un cuadro de búsqueda a su sitio de intranet

Para proporcionar a los usuarios un fácil acceso a los resultados de su organización, agregue un cuadro de búsqueda de Microsoft Search en Bing a cualquier sitio o página de intranet. Estas son algunas de las ventajas:

• Un cuadro de búsqueda en el portal de intranet proporciona un punto de entrada conocido y de confianza para iniciar la búsqueda.
• Se puede agregar a SharePoint (clásico y moderno), SalesForce, Confluence y otros sitios y páginas de intranet
• Admite todos los principales exploradores web, incluidos Google Chrome y Microsoft Edge.
• Solo aparecen sugerencias de búsqueda de su organización, nunca se incluyen sugerencias web
• Lleva a los usuarios a una página de resultados de trabajo de Búsqueda de Microsoft en Bing, que excluye anuncios y resultados web.
• Puede controlar la apariencia y el comportamiento del cuadro de búsqueda, incluida la capacidad de colocar a los usuarios en una vertical predeterminada o en una vertical personalizada que haya creado.

Nota:

Para ver sugerencias de búsqueda, los usuarios deben iniciar sesión en su cuenta de Microsoft Entra. A los usuarios que no hayan iniciado sesión se les pedirá que lo hagan después de escribir una consulta.

Si tiene preguntas o comentarios sobre cómo agregar o usar un cuadro de búsqueda incrustado, compártelos con nosotros en aka.ms/ESB.

Agregar un cuadro de búsqueda a una página de SharePoint o intranet

Necesita agregar dos elementos a la página: un contenedor para el cuadro de búsqueda y la secuencia de comandos que la potencia.

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

Para las páginas clásicas o modernas de SharePoint, descargue bing-search-box.sppkg desde la reproducción pública de Microsoft Search, impleméntela en el catálogo de aplicaciones de SharePoint y agregue la aplicación a los sitios de SharePoint. Para obtener más información, consulte Implementación del elemento web del lado cliente en una página de SharePoint.

Agregar un cuadro de búsqueda a la página de Confluence

En la página Confluence, seleccione Editar, agregue un widget de iFrame con estos parámetros y Publicar.

• URL: https://www.bing.com/business/searchbox
• Título: Org-Name search o Workplace search
• Ancho: 560
• Altura: 200

Agregar un cuadro de búsqueda a la página principal de SalesForce

En las páginas de Visualforce, cree una nueva vista y agregue el código en la sección Marcado.

1. Inicie sesión en su cuenta de SalesForce como administrador y seleccione Configurar en la esquina superior derecha para abrir una página configuración.
2. En el panel izquierdo, seleccione Herramientas >de plataformaPáginasde Visualforcede código> personalizado.
3. Create una nueva vista y escriba un nombre para ella. En la sección Restringir visibilidad, establezca Visible para todos los usuarios.
4. Guarde la vista.
5. En el centro de la vista, seleccione Nuevo para abrir Edición de página. Escriba una etiqueta, un nombre y active la casilla Disponible para Lightning Experience, los sitios del Generador de experiencias y la aplicación móvil .
6. En la sección Marcado de Visualforce, agregue este código y Guardar.

<apex:page >
    <iframe width="500" height="300" src="https://www.bing.com/business/searchbox"></iframe>
</apex:page>

También puede personalizar el alto y el ancho del cuadro de búsqueda con este código.

<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>

Para agregar el componente de Visualforce a la página principal de SalesForce:

1. Vaya a la página principal de SalesForce, https://Instance-Name.lightning.force.com/lightning/page/home.
2. Seleccione el icono Engranaje y, a continuación, Editar página.
3. Seleccione el icono + (más) en cualquier parte de la página principal para agregar el componente de Visualforce allí.
4. En el lado izquierdo, seleccione Visualforce. En el lado derecho, seleccione el nombre de página de Visualforce que creó anteriormente.
5. Agregue una etiqueta y Guarde. En la página principal de SalesForce, debería aparecer el cuadro de búsqueda que ha creado.

Habilitar el cuadro de búsqueda para dispositivos móviles

Para sitios o páginas de intranet disponibles para usuarios móviles, agregue isMobile: true al objeto de configuración:

<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>

Colocar el foco en el cuadro de búsqueda de forma predeterminada

Para ayudar a los usuarios a buscar con mayor rapidez, coloque el cursor en el cuadro de búsqueda cuando se cargue la página o sitio agregando focus: true al objeto de configuración:

<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>

Personalizar la apariencia del cuadro de búsqueda

Para ayudar a que el cuadro de búsqueda se ajuste mejor al estilo de la intranet, puede usar varias opciones de configuración. Mezcle y combine opciones para satisfacer sus necesidades.

<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>

Dirigir a los usuarios a un vertical predeterminado o personalizado

Para facilitar la integración entre las aplicaciones de línea de negocio o los sitios de intranet y los resultados del trabajo, también puede especificar que los usuarios verticales predeterminados o personalizados desembarquen cuando seleccionen una sugerencia de búsqueda.

Use la opción vertical en bfbSearchBoxConfig para definir la vertical que desee. Por ejemplo, si quiere que los usuarios siempre aterricen en la vertical De sitios, una de las verticales predeterminadas, use el valor "Site-sites".

En el caso de las verticales personalizadas, use el hash al final de la dirección URL. Para encontrar estos valores, busque en la página de trabajo de Bing, haga clic en una etiqueta vertical y copie el valor después del signo de número (#).

Use un iFrame para insertar un cuadro de búsqueda

Si incrustar una secuencia de comandos no es una opción para el sitio, use un iFrame para agregar el cuadro de búsqueda. No podrá personalizar el cuadro de búsqueda.

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

Modo InPrivate y acceso condicional

Un cuadro de búsqueda incrustado se deshabilitará si la página o el sitio se abre en una ventana InPrivate. Además, con Microsoft Entra compatibilidad con el acceso condicional en Microsoft Edge, Bing.com no admite Microsoft Entra inicio de sesión cuando se usa el modo InPrivate. Para obtener más información sobre el acceso condicional en Microsoft Edge, consulte Microsoft Edge y acceso condicional.