Coveo Hosted Search Page

Coveo for Sitecore (June 12, 2020)

Coveo for Sitecore Specific Rendering This rendering pulls the source code from the selected Coveo organization search page and injects it into the layout of the related Sitecore content item.

Usage Notes

Insertion Sequence

The Coveo Hosted Search Page rendering is an Allowed Control in the following placeholder(s): coveo-ui

Example insertion sequence for the Coveo Hosted Search Page rendering.

Data Source Options

Option name Description
Search Page Coveo Platform search page whose code will be injected into the layout of the related Sitecore content item.
Search Hub Value to tag search events with when these search events originate from the hosted search page Sitecore content item (see About the Search Hub).

Sample Generated HTML and Corresponding Visual Output

<link rel="stylesheet" href="/Coveo/Hive/css/CoveoFullSearch.css" />
<link rel="stylesheet" href="/Coveo/Hive/css/CoveoForSitecore.css" />
<script class="coveo-script" type="text/javascript" src='/Coveo/Hive/js/CoveoJsSearch.Lazy.min.js'></script>
<script class="coveo-for-sitecore-script" type="text/javascript" 
src='/Coveo/Hive/js/CoveoForSitecore.Lazy.min.js'></script>
<script type="text/javascript" src="/Coveo/Hive/js/cultures/en.js"></script>
<div>
  <div id="_63A0B5E2-BE88-40DB-B0EC-3D211AF99E02"
    class="hostedSearchPage"
    data-search-page-id='2ede0221-a906-4def-82c7-5eb9b608a282'
    data-search-hub='Hosted Page Search Hub'
    data-search-endpoint-uri='https://platform.cloud.coveo.com'
    data-analytics-endpoint-uri='https://analytics.cloud.coveo.com'
    data-organization-id='mdtesteq9p1ksw'
    data-is-in-experience-editor='false'>
  </div>
  <script type="text/javascript">
      document.addEventListener("DOMContentLoaded", function () {
          var hostedSearchPage = document.querySelector(".hostedSearchPage");
          if (hostedSearchPage && typeof CoveoForSitecore !== "undefined") {
              CoveoForSitecore.initHostedSearchPageInitializer(hostedSearchPage);
          }
      });
  </script>
</div>

Hosted search page example

What's Next for Me?