---
title: Coveo Hosted Search Page
slug: '3259'
canonical_url: https://docs.coveo.com/en/3259/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Coveo Hosted Search Page
> **Legacy feature**
>
> The Coveo Hive Framework is now in maintenance mode and is no longer recommended for new implementations.
> 
> To build new search experiences, use one of Coveo's more modern, lightweight, and responsive libraries.
> To get started, see the [Build search](https://docs.coveo.com/en/2473/) article.


[.version.c4sc.c4sc-new.5-0-710-2.June-12&-2020]
[Coveo for Sitecore 5.0.710.2](https://docs.coveo.com/en/3235#release-notes)


![Coveo for Sitecore Specific Rendering](c4sc-v5/sitecore-20-px-new.png)
This rendering pulls the source code from the selected legacy [hosted search page](https://docs.coveo.com/en/2866/) and injects it into the layout of the related Sitecore content item.

## Usage notes

* Ensure you provide a meaningful `Search Hub` value in the data source.
Not setting a meaningful `Search Hub` value negatively impacts usage analytics reporting and machine learning functionalities (see [About the Search Hub](https://docs.coveo.com/en/3302/)).

* To use this rendering, you need a [legacy hosted search page](https://docs.coveo.com/en/1656#legacy-search-page).

* The **{doctitle}** rendering is integrated in the **Example Hosted Search Page** branch template to ease its use.
The [Insertion Sequence section video](?c4scV5HiveType=tab-hive#insertion-sequence) illustrates this scenario.

* For instructions on how to automatically have search result hyperlink URLs reflect the CD host name, see [Get Dynamic Clickable URIs in Search Results](https://docs.coveo.com/en/3257#get-dynamic-clickable-uris-in-search-results).

## Insertion Sequence


<div>
<h3>Coveo Hive</h3>
  <p>The <strong>Coveo Hosted Search Page</strong> rendering is an Allowed Control in the following placeholder(s): <code class="highlighter-rouge">coveo-ui</code></p>
</div>
<video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/hosted-search-page.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>
<div class="figure-caption">
  Example insertion sequence for the <strong>Coveo Hosted Search Page</strong> rendering.
</div>

## Data source options

The following table lists the available data source options for this rendering.

[%header,cols="33%,66%"]
|===
|Option name
|Description

|Search Page
|The Coveo legacy hosted 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](https://docs.coveo.com/en/3302/)).
|===

## Sample generated HTML and corresponding visual output

```html
<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 | Coveo for Sitecore 5](https://docs.coveo.com/en/assets/images/c4sc-v5/hosted-search-page-example.png)