Banner embedded in an iframe element

The code of the iframe above:

        
            <img src="https://bbc-bootstrap.netlify.com/banner.png"
                onClick="window.top.postMessage({command: 'tipser.api.displayProduct', productId: '5b8806b55537462e00d29727'}, '*')"
                style="cursor:pointer;">
            </img>
        
    
Read more about how it works in Tipser Elements documentation.

Banner as a part of the article

The code of the page section above:

        
         <img src="https://bbc-bootstrap.netlify.com/banner.png"
             onClick="window.postMessage({command: 'tipser.api.displayProduct', productId: '5dd7df75c3d1fe0001350bda'}, '*')"
             style="cursor:pointer;">
        </img>