Mapeo de Tamaños para Anuncios Adaptables con Ad Manager

«Responsivo» significa que el bloque de anuncios se adapta automáticamente al dispositivo en el que se publica. Por ejemplo, ad_top_atf funciona como un bloque de anuncios de 970×90/728×90 en computadoras de escritorio y se convierte en un bloque de anuncios de 300×250/320×50 en dispositivos móviles. AdSense tiene esta opción a la hora de elegir el tamaño del bloque de anuncios, al que llaman tamaño “responsive”. Si utiliza etiquetas de Google Ad Manager y desea hacer lo mismo, puede realizar un mapeo de tamaños.

Google Ad Manager puede manejar el comportamiento responsivo de los bloques de anuncios mediante el mapeo de tamaños. Esto les da a los editores la seguridad de que solo se pueden ofrecer tamaños apropiados según el dispositivo que esté utilizando el visitante. En el pasado, ingresábamos código manualmente, que estaba sujeto a muchos errores humanos, solo para realizar el mapeo de tamaño para anuncios responsivos. Ahora, completa los valores utilizando Ad Manager Tag Generator & Tester y la herramienta genera los códigos por usted.

Veamos cómo configurarlo a continuación:

Configuración de Mapeo de Tamaños, parte 1

Paso 1: establezca los anchos mínimos de la ventana gráfica (en píxeles) que seguirá. Ejemplo:

Dispositivo	Ancho Mínimo
Desktop	992 px
Tablet	768 px
Mobile	320 px
Outro	0 px

Paso 2: Decide cuántos mapas de tamaño necesitas. Dependiendo del diseño de su sitio, puede definir un mapa de tamaños que se puede aplicar a múltiples ubicaciones o puntos. Aquí hay un ejemplo:

(top)

Mapeo 1:

992×0 – 970×250, 970×90, 728×250, 728×90, 300×250, 336×280, 1×1

768×0 – 728×250, 728×90, 300×250, 336×280, 1×1

320×0 – 300×250, 320×50, 320×100, 1×1

0x0 – 320×50, 1×1

(sidebar)

Mapeo 2:

992×0 – 300×600, 300×250, 336×280, 160×600, 1×1

768×0 – 300×250, 336×280, 160×600, 1×1

320×0 – 300×250, 320×50, 320×100, 1×1

0x0 – 320×50, 1×1

(mid-content)

Mapeo 3:

992×0 – 728×250, 728×90, 468×60, 300×250, 336×280, 1×1

768×0 – 728×250, 728×90, 300×250, 336×280, 1×1

320×0 – 300×250, 320×50, 320×100, 1×1

0x0 – 320×50, 1×1

Esto es lo que eso significa: Mire el mapeo 1 (arriba).

• Si tu dispositivo tiene al menos 992 px de ancho, independientemente de la altura, estos son los tamaños de porción elegibles: 970×250, 970×90, 728×250, 728×90, 300×250, 336×280, 1×1
• Si su dispositivo tiene al menos 768 px de ancho pero menos de 992 px, independientemente de la altura, estos son los tamaños de porción elegibles: 728×250, 728×90, 300×250, 336×280, 1×1
• Si el dispositivo tiene al menos 320 px de ancho pero menos de 768 px, independientemente de la altura, estos son los tamaños de porción elegibles: 300×250, 320×50, 320×100, 1×1
• Para cualquier dispositivo con un ancho inferior a 320 px, estos son los tamaños de porción elegibles: 320 x 50, 1 x 1

Estamos configurando otro Mapeo de Tamaños para la barra lateral y el centro porque ciertos tamaños no son apropiados para estos lugares. Por ejemplo, no puede publicar contenido de 300 x 600 en el medio de la página ni de 728 x 90 en la barra lateral. Por lo tanto, es necesario declarar qué tallas son adecuadas.

Siéntete libre de crear tantos mapas de tamaños como necesites. También puede reutilizar el mapa del mismo tamaño para varios bloques de anuncios cuando corresponda. Por ejemplo, si ejecuta tres bloques de anuncios diferentes en medio de su contenido, puede asignar el mismo mapa de tamaño a esas tres ubicaciones de anuncios para que sigan el mismo conjunto de reglas.

Configuración de Mapeo de Tamaños, parte 2

#1 – Configura tus bloques de anuncios en Google Ad Manager (GAM)

#2 – Inicia sesión en https://dfpgpt.appspot.com/

#3 – Ingresa tu ID de red GAM

#4 – Activa las Opciones Avanzadas

#5 – Habilitar Mapeo de Tamaños (diseño responsivo)

#6 – Agregue el tamaño mínimo de la ventana gráfica y los tamaños elegibles correspondientes, según los mapas de tamaño que preparó.

#7 – Repita para el resto de los mapas de tamaños.

#8 – Agregue los bloques de anuncios y los tamaños de anuncios correspondientes según lo configurado en Google Ad Manager.

#9 – Seleccione el Mapeo de Tamaño que se aplicará a cada bloque de anuncios.

#10 – Repita para el resto de los bloques de anuncios y haga clic en Generar etiquetas.

Implemente la etiqueta de encabezado en la sección <head> del HTML de su sitio web y las etiquetas de cuerpo en la sección <body>. Si utiliza WordPress, elija el complemento gratuito Advanced Ads que le permite administrar y publicar anuncios de manera eficiente.

Si bien el mapeo de tamaños es una excelente opción para hacer que tus bloques de anuncios respondan, no es el único método. También puede utilizar la orientación por líneas de pedido para lograr anuncios responsivos.

Sin embargo, depender del ancho de la pantalla del navegador para determinar el tamaño de los anuncios es propenso a cometer errores de cálculo, ya que el espacio disponible suele ser más estrecho que toda la pantalla, especialmente en dispositivos de escritorio.

Para solucionar este problema, Advanced Ads proporciona una integración automatizada de Google Ad Manager que ajusta los anuncios según el espacio real disponible, garantizando que siempre encajen perfectamente sin tocar ningún código.

 

 

Las Mejores Tácticas para el Mapeo Responsivo del Tamaño de los Anuncios en Desktop y Dispositivos Móviles

Los anuncios adaptables con asignación de tamaño garantizan de manera efectiva que sus anuncios se muestren en el tamaño ideal para diferentes dimensiones de pantalla. Estas son algunas de las mejores prácticas:

1. Priorice el Mobile-first:

• Mobile-Friendly Design: Asegúrese de que sus anuncios estén diseñados teniendo en cuenta a los usuarios de dispositivos móviles, ya que la mayor parte del tráfico de Internet ahora se origina en dispositivos móviles.
• Diseño Responsivo: Utilice principios de diseño responsivo para permitir que sus anuncios se adapten perfectamente a varios tamaños y orientaciones de pantalla.

2. Establecer Puntos de Interrupción Clave:

• Identificar Tamaños Críticos: Determine los puntos de interrupción clave (ancho de pantalla) donde desea que sus anuncios cambien de tamaño. Considere factores como los tamaños de pantalla comunes, las dimensiones de los bloques de anuncios y el diseño del contenido.
• Crear Mapeos de Tamaño: Para cada ponto de interrupção, defina os tamanhos de anúncio correspondentes que você deseja exibir.

3. Utilice un Formato de Anuncio Flexible:

• Layouts Fluidos: Opte por formatos de anuncios flexibles que puedan ajustar tus dimensiones para adaptarse a diferentes tamaños de pantalla sin comprometer la experiencia del usuario.
• Bloques de Anuncios Responsivos: Aproveche los bloques de anuncios responsivos proporcionados por su servidor de anuncios o red publicitaria, que ajustan automáticamente su tamaño según el espacio disponible.

4. Considere las Dimensiones del Bloque de Anuncios:

• Tamaños Comunes: Utilice las dimensiones comunes de los bloques de anuncios (por ejemplo, 300 x 250, 728 x 90) como punto de partida, pero esté preparado para ajustarlas según sus necesidades específicas y los resultados de las pruebas.
• Pruébalo: Pruebe diferentes tamaños de anuncios para ver cuáles funcionan mejor en diferentes dispositivos y tamaños de pantalla.

5. Optimice para la Experiencia del Usuario:

• Evite anuncios intrusivos: Asegúrese de que tus anuncios no interrumpan la experiencia del usuario al ocupar demasiado espacio en la pantalla o aparecer inesperadamente.
• Colocación de anuncios: Considere cuidadosamente dónde colocar tus anuncios en la página para evitar obstruir el contenido o interferir con la navegación del usuario.

6. Pruebas en Múltiples Dispositivos:

• Pruebas completas: Pruebe tus anuncios responsivos en múltiples dispositivos y tamaños de pantalla para asegurarse de que se muestren correctamente y funcionen como se esperaba.
• Feedback del Usuario: Recopile comentarios de los usuarios para identificar cualquier problema o área de mejora.

7. Utilice las Funciones del Servidor de Anuncios:

• Bloques de Anuncios Responsivos: Si tu servidor de anuncios admite bloques de anuncios responsivos, aproveche esta funcionalidad para simplificar el proceso de asignación de tamaños.
• Optimización Creativa Dinámica (DCO): Considere utilizar DCO para ajustar automáticamente la creatividad de su anuncio en función de factores como el tipo de dispositivo, la ubicación y el comportamiento del usuario.

¿Aún tienes problemas con el mapeo de tamaños? ¿Qué tal la optimización de anuncios? ¿Está logrando los niveles deseados de ingresos publicitarios? MonetizeMore ofrece una manera de escalar de manera sostenible la optimización de sus ingresos publicitarios. ¡Empiece ahora haciendo clic aquí!