Integrating into Brightspot

To replace a Brightspot Site's search with Glean's modal search UI:

1. Open Admin > Sites & Settings and select the desired Site(s).
2. In the Edit Site view, select the Front-end tab and expand the Advanced section.
3. Click Add Custom Head Elements and give it Internal Name: Glean .
4. Under Elements , click Add > Script Element and configure it as follows:

   Internal Name: Glean Web SDK

   Type: Link

   Script URL: https://app.glean.com/embedded-search-latest.min.js

   Defer: true

5. Add another Script Element with the following configuration:

   Internal Name: Glean Search Replace

   Type: Inline

   Body:

   Copy

   Copied

   addEventListener('DOMContentLoaded', () => {
     // If you've customized the page header, you'll need to adjust these selectors.
     GleanWebSDK.attach(document.querySelector('.Page-header-search-open'))
     GleanWebSDK.attach(document.querySelector('.Page-header-search-input'))
   })

6. Click Save .