# Setting up the Chrome extension

Perform the following two-step integration:

1. Call the API to display recommendations to your website as usual. Each API call has a unique ID, there:

<figure><img src="/files/RPG38VMyLSesRksyr12d" alt=""><figcaption></figcaption></figure>

Store it so you can use it in the frontend.

2. Through JavaScript, push the unique ID into the dedicated Early Birds object that will be read by the extension:

```javascript
window.ebRecoIds = window.ebRecoIds || [];
window.ebRecoIds.push('#RECOID#')
```

\#RECOID# is to be replaced by the unique ID you got in the first step.

{% hint style="info" %}
If you have multiple recommendations areas on the same page, you will need to replicate those steps for each area.
{% endhint %}

The Chrome extension is now able to read what was displayed by Early Birds on the page.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://crownpeak.gitbook.io/product-discovery/building-the-front-end-experience-with-xo/setting-up-the-chrome-extension.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.