{"id":45083,"date":"2024-11-12T11:59:25","date_gmt":"2024-11-12T19:59:25","guid":{"rendered":"https:\/\/www.monetizemore.com\/?p=45083"},"modified":"2024-11-18T16:48:03","modified_gmt":"2024-11-19T00:48:03","slug":"mapeo-de-tamanos-gam","status":"publish","type":"post","link":"https:\/\/www.monetizemore.com\/es\/blog\/mapeo-de-tamanos-gam\/","title":{"rendered":"Mapeo de Tama\u00f1os para Anuncios Responsivos con Ad Manager"},"content":{"rendered":"

\u00abResponsivo\u00bb significa que el bloque de anuncios se adapta autom\u00e1ticamente 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\u00f3viles. AdSense tiene esta opci\u00f3n a la hora de elegir el tama\u00f1o del bloque de anuncios, al que llaman tama\u00f1o \u201cresponsive\u201d. Si utiliza etiquetas de Google Ad Manager<\/a> y desea hacer lo mismo, puede realizar un mapeo de tama\u00f1os.<\/p>\n

Google Ad Manager<\/a> puede manejar el comportamiento responsivo de los bloques de anuncios mediante el mapeo de tama\u00f1os. Esto les da a los editores la seguridad de que solo se pueden ofrecer tama\u00f1os apropiados seg\u00fan el dispositivo que est\u00e9 utilizando el visitante. En el pasado, ingres\u00e1bamos c\u00f3digo manualmente, que estaba sujeto a muchos errores humanos, solo para realizar el mapeo de tama\u00f1o para anuncios responsivos. Ahora, completa los valores utilizando Ad Manager Tag Generator & Tester y la herramienta genera los c\u00f3digos por usted.<\/p>\n

Veamos c\u00f3mo configurarlo a continuaci\u00f3n:<\/p>\n

Configuraci\u00f3n de Mapeo de Tama\u00f1os, parte 1<\/h2>\n

Paso 1:<\/strong> establezca los anchos m\u00ednimos de la ventana gr\u00e1fica (en p\u00edxeles) que seguir\u00e1. Ejemplo:<\/p>\n\n\n\n\n\n\n\n
Dispositivo<\/b><\/td>\nAncho M\u00ednimo<\/strong><\/td>\n<\/tr>\n
Desktop<\/td>\n992 px<\/td>\n<\/tr>\n
Tablet<\/td>\n768 px<\/td>\n<\/tr>\n
Mobile<\/td>\n320 px<\/td>\n<\/tr>\n
Outro<\/td>\n0 px<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Paso 2:<\/strong> Decide cu\u00e1ntos mapas de tama\u00f1o necesitas. Dependiendo del dise\u00f1o de su sitio, puede definir un mapa de tama\u00f1os que se puede aplicar a m\u00faltiples ubicaciones o puntos. Aqu\u00ed hay un ejemplo:<\/p>\n

(top)<\/h4>\n

Mapeo 1:<\/p>\n

992×0 – 970×250, 970×90, 728×250, 728×90, 300×250, 336×280, 1×1<\/p>\n

768×0 – 728×250, 728×90, 300×250, 336×280, 1×1<\/p>\n

320×0 – 300×250, 320×50, 320×100, 1×1<\/p>\n

0x0 – 320×50, 1×1<\/p>\n

(sidebar)<\/h4>\n

Mapeo 2:<\/p>\n

992×0 – 300×600, 300×250, 336×280, 160×600, 1×1<\/p>\n

768×0 – 300×250, 336×280, 160×600, 1×1<\/p>\n

320×0 – 300×250, 320×50, 320×100, 1×1<\/p>\n

0x0 – 320×50, 1×1<\/p>\n

(mid-content)<\/h4>\n

Mapeo 3:<\/p>\n

992×0 – 728×250, 728×90, 468×60, 300×250, 336×280, 1×1<\/p>\n

768×0 – 728×250, 728×90, 300×250, 336×280, 1×1<\/p>\n

320×0 – 300×250, 320×50, 320×100, 1×1<\/p>\n

0x0 – 320×50, 1×1<\/p>\n

Esto es lo que eso significa: Mire el mapeo 1 (arriba).<\/p>\n

    \n
  • Si tu dispositivo tiene al menos 992 px de ancho<\/strong>, independientemente de la altura, estos son los tama\u00f1os de porci\u00f3n elegibles: 970×250, 970×90, 728×250, 728×90, 300×250, 336×280, 1×1<\/li>\n
  • Si su dispositivo tiene al menos 768 px de ancho pero menos de 992 px<\/strong>, independientemente de la altura, estos son los tama\u00f1os de porci\u00f3n elegibles: 728×250, 728×90, 300×250, 336×280, 1×1<\/li>\n
  • Si el dispositivo tiene al menos 320 px de ancho pero menos de 768 px<\/strong>, independientemente de la altura, estos son los tama\u00f1os de porci\u00f3n elegibles: 300×250, 320×50, 320×100, 1×1<\/li>\n
  • Para cualquier dispositivo con un ancho inferior a 320 px<\/strong>, estos son los tama\u00f1os de porci\u00f3n elegibles: 320 x 50, 1 x 1<\/li>\n<\/ul>\n

    Estamos configurando otro Mapeo de Tama\u00f1os para la barra lateral y el centro porque ciertos tama\u00f1os no son apropiados para estos lugares. Por ejemplo, no puede publicar contenido de 300 x 600 en el medio de la p\u00e1gina ni de 728 x 90 en la barra lateral. Por lo tanto, es necesario declarar qu\u00e9 tallas son adecuadas.<\/p>\n

    Si\u00e9ntete libre de crear tantos mapas de tama\u00f1os como necesites. Tambi\u00e9n puede reutilizar el mapa del mismo tama\u00f1o 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\u00f1o a esas tres ubicaciones de anuncios para que sigan el mismo conjunto de reglas.<\/p>\n

    Configuraci\u00f3n de Mapeo de Tama\u00f1os, parte 2<\/h2>\n

    #1 –<\/strong> Configura tus bloques de anuncios en Google Ad Manager (GAM)<\/p>\n

    #2 –<\/strong> Inicia sesi\u00f3n en https:\/\/dfpgpt.appspot.com\/<\/a><\/p>\n

    #3 –<\/strong> Ingresa tu ID de red GAM<\/p>\n

    \"Mapeo<\/p>\n

    #4 –<\/strong> Activa las Opciones Avanzadas<\/p>\n

    \"Mapeo<\/p>\n

    #5 –<\/strong> Habilitar Mapeo de Tama\u00f1os (dise\u00f1o responsivo)<\/p>\n

    \"Mapeo<\/p>\n

    #6 –<\/strong> Agregue el tama\u00f1o m\u00ednimo de la ventana gr\u00e1fica y los tama\u00f1os elegibles correspondientes, seg\u00fan los mapas de tama\u00f1o que prepar\u00f3.<\/p>\n

    \"Mapeo<\/p>\n

    #7 –<\/strong> Repita para el resto de los mapas de tama\u00f1os.<\/p>\n

    \"Mapeo<\/p>\n

    #8 –<\/strong> Agregue los bloques de anuncios y los tama\u00f1os de anuncios correspondientes seg\u00fan lo configurado en Google Ad Manager.<\/p>\n

    \"Mapeo<\/p>\n

    #9 –<\/strong> Seleccione el Mapeo de Tama\u00f1o que se aplicar\u00e1 a cada bloque de anuncios.<\/p>\n

    \"Mapeo<\/p>\n

    #10 –<\/strong> Repita para el resto de los bloques de anuncios y haga clic en Generar etiquetas.<\/p>\n

    \"Mapeo<\/p>\n

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

    Si bien el mapeo de tama\u00f1os es una excelente opci\u00f3n para hacer que tus bloques de anuncios respondan, no es el \u00fanico m\u00e9todo. Tambi\u00e9n puede utilizar la orientaci\u00f3n por l\u00edneas de pedido para lograr anuncios responsivos.<\/p>\n

    Sin embargo, depender del ancho de la pantalla del navegador para determinar el tama\u00f1o de los anuncios es propenso a cometer errores de c\u00e1lculo, ya que el espacio disponible suele ser m\u00e1s estrecho que toda la pantalla, especialmente en dispositivos de escritorio.<\/p>\n

    Para solucionar este problema, Advanced Ads proporciona una integraci\u00f3n automatizada de Google Ad Manager<\/a> que ajusta los anuncios seg\u00fan el espacio real disponible, garantizando que siempre encajen perfectamente sin tocar ning\u00fan c\u00f3digo.<\/p>\n

     <\/p>\n