Mobile Responsive Ads

Written by: Stephen Published: Last Modified:
Ads served by AdGlare are responsive by default on any device. Perhaps you expected an article discussing some CSS and JavaScript coding tricks to make your ads responsive on mobile devices. In that case I have to disappoint you. This functionality works out of the box for all creatives uploaded to AdGlare's CDN. The ad serving engines adjust the size, based on the viewport width, for the following creatives:
  • PNG/JPG/GIF banners
  • Iframed third party ads
  • MP4 Video Ads
  • Flash Ads (if you still use them)

Responsive third party ads

Note that if you're serving third party ads via AdGlare, these ads are served in mobile responsive iframes. If your third party ad server also supports responsive ads, they will likely detect the iframe's viewport width and display the ad accordingly. Google AdSense is a good example of how they detect the container's width and deliver an advertisement within the available dimension constraints.


Device detection is irrelevant

AdGlare does not use device detection in order to make ads responsive. After all, mobile devices here in 2018 may have a higher resolution than some old laptop screens of the year 2006. Instead, we're using the viewport width or the available document width, in case the ad is displayed in a container with fixed dimensions (like in a sidebar or inside an iframe).


How to confirm responsiveness

If you would like to verify that things are working as expected, you can either:
  • View the page on a mobile phone
  • Use Chrome DevTools (CTRL + SHIFT + J) and toggle the device icon.




Further Reading...

Do you think your followers may also like this article? Thanks for sharing! :)
Share this
Article!
Permalink
Ad Server.
Simplified.
Ready in 30 seconds
Click screenshot to open the Demo.
About the Author
is an ad platform for advertisers, publishers and agencies. By employing 5 data centers worldwide to reduce network latency, the ad tags are one of the fastest in the industry.