Responsive Design and DFP

[Douglas Taylor]

I've searched, but haven't seen anything specific to DFP (Doubleclick for Publishers) and variable ad sizes for Responsive design.

Has anyone found anything specific to DFP?

Thanks!

 

[Paul B]

http://xenforo.com/community/resources/responsive-adsense.2084/

http://xenforo.com/community/resources/responsive-design.2193/

Essentially, it is up to the ad platforms to provide solutions.

 

[Douglas Taylor]

As always, thanks a billion for your speedy help. DFP seems to work just a little bit different so I'll explore and see what I come up and share with the community.

 

[Hoolio]

How are you getting on?
I am interested to add DFP and would want it to adapt to screen size..

 

[HWS]

http://exisweb.net/how-to-use-google-adsense-on-a-responsive-website

http://heididev.com/08/29/2013/how-use-google-adsense-or-dfp-responsive-website

 

[kontrabass]

Sharing how I got Google DFP to show responsive ads:

For reference: https://support.google.com/dfp_premium/answer/3423562?hl=en#

My code for just before ending </head> tag in PAGE CONTAINER:

<xen:comment>  BEGIN DFP HEADER </xen:comment>
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>

<script type='text/javascript'>
googletag.cmd.push(function() {
var mapping = googletag.sizeMapping().
addSize([1500,900], [970, 90]).
addSize([600, 600], [728, 90]).
addSize([500, 500], [320, 50]).
build();
googletag.defineSlot('/xxxxxx/Leader_Responsive_Test2', [320, 50], 'div-gpt-ad-13893xxxxxxxxxx-0').
defineSizeMapping(mapping).
addService(googletag.pubads());
googletag.enableServices();
});
</script>

 

[Douglas Taylor]

Yes! Works like a charm!

Have you had any luck trying to show two different responsive ads on the same page?

 

[Joe Link]

I'm getting this setup for the first time now, and it looks like Google has given us a new option as of November 10th.

Can you comment on this?

https://support.google.com/dfp_premium/answer/3423562?hl=en

 

[MattRock]

BUMP!

 

[Douglas Taylor]

Yes! Works like a charm!

Have you had any luck trying to show two different responsive ads on the same page?

Solved it. I simply wasn't defining the zone properly in order to show two different ads:

<xen:comment>  BEGIN DFP HEADER </xen:comment>
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>

<script type='text/javascript'>
googletag.cmd.push(function() {
var mapping = googletag.sizeMapping().
addSize([1500,900], [728, 90]).
addSize([600, 600], [468, 60]).
addSize([500, 500], [320, 50]).
build();
googletag.defineSlot('/1009XXX/Content_Top', [320, 50], 'div-gpt-ad-YOURCODE-0').
defineSizeMapping(mapping).
addService(googletag.pubads());
googletag.enableServices();
googletag.defineSlot('/1009XXX/Content_Bottom', [320, 50], 'div-gpt-ad-YOUROTHERCODE-0').
defineSizeMapping(mapping).
addService(googletag.pubads());
googletag.enableServices();
});
</script>