En un mundo con pantallas cada vez más diversas la adaptabilidad de los sitios, y de los ads, es una pieza clave. En este contexto, los anuncios responsivos emergen como una solución eficaz para garantizar una experiencia publicitaria fluida en cualquier dispositivo.
Pero ¿cómo lograr esta adaptabilidad sin perder eficiencia ni impacto? Aquí es donde entra en juego el size mapping, una técnica que permite gestionar de manera óptima la forma en que se muestran los anuncios en distintos formatos y tamaños de pantalla.
En este artículo, te explicaremos paso a paso cómo implementar el size mapping con Google Ad Manager para mejorar tanto la experiencia de los usuarios como los ingresos publicitarios que obtienes al monetizar tu web.
- ¿Qué son los anuncios responsivos?
- ¿Qué es el size mapping?
- Planificación de distintos mapas de tamaños
- Habilitación del size mapping en Google Ad Manager
- Configuración de bloques de anuncios con size maps
- Creación e implementación de ad tags
- Conclusión
¿Qué son los anuncios responsivos?
Los anuncios responsivos, o responsive ads, son anuncios diseñados para adaptarse automáticamente a diferentes tamaños y formatos de pantalla (ya sea desktop, mobile o tablet), con el objetivo de brindar una experiencia publicitaria coherente y fluida sin importar el dispositivo que el usuario esté utilizando.
Por ejemplo, una ad unit que en desktop se sirve en un tamaño de 970×250 px rompería el layout en mobile, por lo que en dispositivos móviles podría configurarse para que se muestre en 300×250 px.
En resumen, los responsive ads ofrecen flexibilidad y adaptabilidad para una mejor experiencia de usuario.
¿Qué es el size mapping?
Google Ad Manager puede gestionar el comportamiento responsivo de los bloques de anuncios mediante el uso de lo que se conoce como size mapping o mapeo de tamaños.
Esta técnica permite optimizar la entrega de anuncios en función del tamaño y la resolución de la pantalla del usuario, asignando diferentes creatividades publicitarias a diferentes tamaños y formatos de espacio publicitario.
El objetivo del size mapping es maximizar la visibilidad y la efectividad de los anuncios al adaptarlos al espacio disponible en la pantalla del usuario.
Planificación de distintos mapas de tamaños
Para empezar es necesario determinar la cantidad de mapas de tamaño que son necesarios en función del layout o diseño del sitio web en cuestión. Por ejemplo, puedes tener un mapa de tamaño para la parte superior de tu web, otro para los sidebars y otro para el centro del contenido.
Luego, para cada mapa de tamaño será necesario definir los tamaños de anuncio específicos que se pueden publicar en función del dispositivo, determinando previamente el ancho mínimo que el dispositivo tiene que tener.
En líneas generales, se suelen utilizar estos mínimos como referencia:
| Dispositivo | Ancho mínimo |
| Desktop | 992 px |
| Tablet | 768 px |
| Mobile | 320 px |
| Otro | 0 px |
Ahora sí, tocará definir qué tamaños de ads aplican en función del ancho mínimo de la pantalla.
Por ejemplo, para el mapa de tamaños que aplicará a la zona del sidebar, podríamos considerar estos tamaños”
- Desktop (992×0): 300×600, 300×250, 336×280, 160×600, 1×1
- Tablet (768×0): 300×250, 336×280, 160×600, 1×1
- Mobile (320×0): 300×250, 320×50, 320×100, 1×1
- Otro (0x0): 320×50, 1×1
Esto implica que si el dispositivo tiene al menos 992px de ancho, independientemente de la altura, los tamaños de ads que se pueden llegar a servir son: 970×250, 970×90, 728×250, 728×90, 300×250, 336×280 y 1×1.
Si el dispositivo tiene entre 768px y 991px de ancho ( independientemente de la altura), se podrán servir ads de 728×250, 728×90, 300×250, 336×280 y 1×1.
Si el dispositivo tiene más de 320px de ancho, pero menos de 768px, independientemente de la altura, los tamaños elegibles para servir serán 300×250, 320×50, 320×100 y 1×1.
Finalmente, en cualquier dispositivo de menos de 320px de ancho, se mostrarán ads solo de 320×50 y 1×1.
Habilitación del size mapping en Google Ad Manager
Para habilitar la funcionalidad de size mapping en Ad Manager es necesario loguearse en Ad Manager Tag Generator e ingresar el ID de la red de GAM.
A continuación será necesario encender las funcionalidades avanzadas y una vez hecho esto, habilitar size mapping, como se muestra en el video:
Configuración de bloques de anuncios con size maps
Luego, deberemos cargar en la plataforma todos los mapas de tamaños que hemos definido con los anuncios que se servirán en ese mapa en función del ancho mínimo que tenga el dispositivo.
Creación e implementación de ad tags
En la sección de ad slots será necesario agregar los bloques de anuncios y los tamaños de anuncio correspondientes según lo configurado en Google Ad Manager y seleccionar el mapa de tamaño que aplica a cada ad unit.
Finalmente, una vez cargadas todas las ad units, damos click en “Generate tags” y se generará el código que corresponde colocar en en la sección head y body del HTML de tu sitio. Si usas WordPress, puedes utilizar el plugin Ad Inserter o el plugin Advanced Ads para implementar las etiquetas.
Conclusión
Realizar size mapping mediante Google Ad Manager es una de las mejores formas de garantizar que los anuncios de tu sitio sean responsivos en los diferentes tipos de dispositivos. Esto, te permitirá no solo mejorar la experiencia de los usuarios en tu web, sino también maximizar el revenue que obtienes a través de la monetización de tu página.
Desde AdGoat estamos a disposición para asesorarte sin cargo con el proceso de size mapping de tu sitio web.