Se pueden usar los códigos de Google DFP: Google Publisher Tags (GPT) para crear anuncios responsivos que se adaptan al ancho de la pantalla del visitante del sitio web. Lo que significa que la publicidad saldrá apropiada para cualquier usuario esté usando un PC de escritorio, tablet o teléfono movil.

Para hacer esto hay que usar la API de GPT, especificando uno o más tamaños de bloque de anuncios. Cuando se hace esto se puede especificar que tipo de publicidad se desea mostrar teniendo en cuenta el tamaño de la pantalla del navegador. Por ejemplo se puede especificar que si el navegador tiene un area visible de más de 1024x768 que muestre un banner de 970x90 y si el tamaño es menor que muestre un 468x60 en el mismo sitio.

Para conseguir esto hay que especificarle los saltos en el mapeo de banners llamando a la función sizeMapping para definir los tamaños y después a defineSizeMapping en el slot que quieras condicionar.

var mapping = googletag.sizeMapping().
// PAra resoluciones mayores de 1024x768
addSize([1024, 768], [970, 250]).
addSize([980, 690], [728, 90]).
addSize([640, 480], [120, 60]).
// Este último toma cualquier tamaño desde 0x0 hasta 640x480
addSize([0, 0], [88, 31]).
build();

googletag.defineSlot('/xxx/miguelg.com', [1024, 120], 'id-slot').
defineSizeMapping(mapping).
setCollapseEmptyDiv(true).
addService(googletag.pubads());