Banners

​A banner can be one of the three possible types: plain image, embedded HTML5 banner or HTML banner in iFrame.

How to choose the type of the banner?

Image banners are static banners with little text and with no functionality. They are used flesh out pages and to make them more interesting, or to add a simple ad to direct traffic. Also as they are automatically resized for different devices, they might not look perfect in all situations.
  • To add some color to a page
  • To create quickly an ad
Plain image banner is simply an image file (.jpg, .gif, .png). If text is used in the image check always that it is readable also in moblile phones. See these examples >>
 
HTML5 and iFrame banners are both more flexible: They can contain functionalities and they can adapt more intelligently to different screen sizes.
  • To create more engaging ads
  • To make better responsive ads
  • To have multiple ads packaged together as an ad banner carousel
 
HTML5 and iFrame banners differ mainly from the implementation point-of-view
  • Rule-of-thumb: Prefer HTML5 over iFrame
  • HTML5 banner will be part of the page
    • It is more embedded and more part of the page, faster to load, adapts better to the different screen sizes, it can interact with the page with Javascript
    • On the other hand it can break the layout of the page and it must be hosted on Fortum's server
iFrame banner is clearly separate from the rest of the page
  • It can have server-side logic, it cannot break the page and it can be hosted externally
  • On the other hand, it is more difficult to make adaptive, it cannot easily interact with the page, and it is loaded separately from the rest of the content

5/9/2016