Mobile
Ad Server
Simplified.
Ready in 30 seconds

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.



A Question for You...
Did you like this article? Tell your followers! Because they will likely appreciate that you share it...
Inspire Your
followers!


Permalink


We're Listening...
Found what you were looking for after reading this article? Are things missing?
Your feedback is highly appreciated! Thanks in advance ;)

External Resources