How to integrate
Publishers need to generate a code block (similar to Whisk SDK) and place it on their page. They may choose to have a single ad unit or a carousel.
Carousels options are:
- Layout: horizontal or vertical
- Number of ad blocks: 2 to 6 visible on page (Banner comes as a block, so it's counted as the 6th). Carousel that is displayed will have 2 to 5 ad units and scroll buttons if required.
Sponsored Products units are responsive and adapt to how publishers integrate them. Height is fixed at 85px. Width is stretching from 270px (for 2 ads on page) to the max window size (for a single ad unit). Currently that's 558px.
Container height is fixed and is defined by the publisher at integration time. A number of visible blocks may be defined: 2, 3, 4, 5 or 6 with the corresponding heights of 180px, 270px, 360, 450, 540px.
For publisher sites the Ads SDK is integrated independently from Whisk SDK. Ads js library (products.js) is loaded asynchronously and require a simple setup process.
First, add products script to page HEAD. It would be load asynchronously
Next, place an empty block with a unique block id on the page where you want an Ad Unit to be displayed
Finally, right after your div element, add a script tag with the code.