Setting up the Chrome extension

The chrome extension will help understand and manage the recommendations rules. What rule retrieved those products? Why? What value has variable X or Y?

It's a two steps integration:

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

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:

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

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

NB: If you have multiple recommendations areas on the same page. You will need to replicate those steps for each area.

That's it, now the Chrome extension is able to read what was displayed by Early Birds on the page.