You could use CSS transforms

Megan — Tue, 17 May 2016 21:05:50 +0000

You could use CSS transforms to scale down the ads to fit the screen. This isn't an exact science, and can be tricky to get right. I have done this a little bit to get ads to fit on the screen better. However, when advertisers pay for a certain size ad, they usually expect it to appear at that size and not shrunken down. Resizing them might be against the TOS of your ad networks.

So, I think if you want to offer responsive ads, getting that script to work would be the best bet (sorry I can't help there).

On the other hand, I usually find that publishers want to run different ad sizes in different positions on mobile. The classic example is the sidebar rectangle: That's a strong position on a typical site on desktop, but on mobile it's going to bump way down below the content. I also usually find that advertisers want to buy separately for mobile too.

The networks my clients work with always provide different tags for desktop/mobile, and we use our ad server to target them separately. I have a little bit of responsive CSS just to make sure things don't get messed up if anyone is resizing their browser.

If I understand how this is working, I don't think your code is going to work. I think those scripts need to fire on page load, right? Then load the iframe with the ad in it. When you swap out the script tags in your script, does the new tags.js script actually load and do anything?

An alternate approach could be to use device detection to serve the 728x90 tags.js script to desktop/tablet and serve the mobile script to mobile. You'd need to get a library for device detection which could be a pain to keep updated (that's why we let DFP do that!). Then put in some media queries just to make sure the desktop ads don't show on small screens and vice versa.

There are some networks that do offere Responsive ads, and it is possible to do it in DFP, but I don't have experience with that.