---
title: "Getting started with Sitecore Discover runtime JS"
slug: "getting-started-with-sitecore-discover-runtime-js"
abstract: "Describes how to begin integrating your site using the Sitecore Discover runtime JS option."
---
# Getting started with Sitecore Discover runtime JS

> [!note]
> Integration using Sitecore Discover runtime JS is deprecated.
>
> We recommend that you [use the Discover JS SDK](https://doc.sitecore.com/discover/en/developers/discover-developer-guide/deprecated-integration-methods/integrate-with-discover-runtime-js/integrate-using-discover-sdks.html "Integrate using Discover SDKs") to integrate your website or [the Discover API](https://doc.sitecore.com/discover/en/developers/discover-developer-guide/deprecated-integration-methods/integrate-with-discover-runtime-js/integrate-using-discover-rest-apis.html "Integrate using Discover REST APIs") for a website or application integration.

The Discover runtime JS integration option works by loading pre-built JavaScript-based widgets on your pages when a placeholder `<div>` tag is in focus.

When you get started with the runtime JS option, the Discover integration team sets up your Customer Engagement Console (CEC) with pages and widgets adjusted according to your specific requirements. You must then send Discover a design mockup, which our integration team uses to customize our experience templates. This customization makes the Discover widgets look like native pieces of your pages.

> [!important]
> Once your widgets are live, no new changes can be made to them.

After the integration team has configured and customized your widgets, you must add the [Discover beacon](https://doc.sitecore.com/discover/en/developers/discover-developer-guide/deprecated-integration-methods/integrate-with-discover-runtime-js/include-the-sitecore-discover-beacon.md "Include the Sitecore Discover Beacon") to your site's `head` tag. Finally, repeat the following steps for every page configured for you in the CEC:

- For each widget on the page, [add its corresponding <div> tag](https://doc.sitecore.com/discover/en/developers/discover-developer-guide/deprecated-integration-methods/integrate-with-discover-runtime-js/implement-a-sitecore-discover-widget-using-a-div-tag.html "Implement a Sitecore Discover widget using a div tag").
- Build [required events](https://doc.sitecore.com/discover/en/developers/discover-developer-guide/deprecated-integration-methods/integrate-with-discover-runtime-js/required-events-to-send-to-sitecore-discover.md "Required events to send to Sitecore Discover") and [track them using the rfk.push() function](https://doc.sitecore.com/discover/en/developers/discover-developer-guide/deprecated-integration-methods/integrate-with-discover-runtime-js/tracking-events-using-sitecore-discover-runtime-js.html "Tracking events using Sitecore Discover runtime JS").
- (Optional) Specify and [clear](https://doc.sitecore.com/discover/en/developers/discover-developer-guide/deprecated-integration-methods/integrate-with-discover-runtime-js/clear-widget-context-using-runtime-js.md "Clear widget context using runtime JS") widget context when relevant.