En DFP Small Business / DoubleClick, generé la siguiente etiqueta publicitaria para un bloque de anuncios con tres tamaños diferentes junto con una creatividad para cada tamaño especificado. Por lo tanto, hay tres tamaños diferentes para el bloque de anuncios y cuando presiona actualizar, los cambios de anuncio en uno de mis tres tamaños de anuncio especificados. Esto funciona bien, pero no es lo que quiero que hagan los anuncios,

Quiero que los anuncios hagan esto:

Quiero que los anuncios cambien de tamaño según el ancho del navegador, por ejemplo, si el ancho del navegador es mayor que 800px, muestre los anuncios en el tamaño más grande especificado, si el ancho del navegador está entre 600-800, use el segundo más grande. los tamaños especificados para los anuncios y, finalmente, si los anuncios son más pequeños que 600px, entonces use el tamaño de anuncio más pequeño ... los anuncios deben cambiar de tamaño según el cambio de ancho del navegador. 800, 600-800 y menos de 600 no son los tamaños reales, solo los tamaños de ejemplo, pero de todos modos los tres tamaños de anuncios se especifican en esta línea:

googletag.defineSlot('/16569348/Different-Sizes-Unit-Test', [[292, 195], [310, 207], [345, 230]], 'div-gpt-ad-1363309773051-0').addService(googletag.pubads());

Aquí está el código completo:

<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() {
googletag.defineSlot('/16569348/Different-Sizes-Unit-Test', [[292, 195], [310, 207],     [345, 230]], 'div-gpt-ad-1363309773051-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>

<!-- Different-Sizes-Unit-Test -->
<div id='div-gpt-ad-1363309773051-0'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1363309773051-0'); });
</script>

`

Aquí está el jsfiddle para este código (presione ejecutar o actualizar para ver los anuncios cambian de tamaño al azar):

http://jsfiddle.net/Zkm5j/

Así que de nuevo, me gustaría que los anuncios cambien de tamaño según el tamaño / cambio de ancho del navegador Si alguien pudiera ayudarme a encontrar un método para lograr esto, ¡realmente significaría mucho para mí! :)