Abrir espacio

Guía de implementación

Anuncio de display

Display ads

El anuncio clásico de AdSense: un rectángulo o una franja que colocas donde quieras y que puede ajustarse solo al tamaño de la pantalla.

  • AdSense
  • celular y escritorio
Aprender el formatoRevisar en mi sitio
Escritorio
Celular

Entiéndelo en 1 minuto

Qué es el anuncio de display

El anuncio de display es el tipo más conocido de AdSense. Piensa en un cartel colgado en la pared de la escuela: está en un lugar fijo y todos los que pasan pueden verlo. En el sitio es igual. Eliges un espacio en la página, pegas ahí un pedazo de código, y Google pone un anuncio en ese espacio.

Hay dos maneras de crear este anuncio. La primera es el responsivo, que es el que recomienda Google. Funciona como el agua en un vaso: toma la forma del espacio donde se colocó. Si la persona abre el sitio en la computadora, en la tableta o en el celular, el anuncio calcula solo el tamaño correcto. Si la persona gira el celular, se carga un anuncio nuevo, del tamaño correcto. La segunda manera es la fija, en la que eliges el ancho y la altura exactos, por ejemplo 300 por 250 píxeles. Google avisa que con el tamaño fijo puede haber menos anuncios disponibles, y eso puede reducir las ganancias.

Los tamaños que Google señala como los de mejor rendimiento son 300x250 (rectángulo mediano), 336x280 (rectángulo grande), 728x90 (encabezado), 300x600 (media página) y 320x100 (banner grande para celular). Con el celular en vertical, el anuncio responsivo puede estirarse y ocupar todo el ancho de la pantalla, porque las pruebas de Google mostraron que así funciona mejor. Esto solo ocurre cuando el sistema considera que dará un buen resultado y una buena experiencia a quien visita.

Vale la pena usar el anuncio de display cuando quieres decidir con tus propias manos dónde aparece cada anuncio, por ejemplo en la parte superior del artículo o al lado del texto. Solo recuerda que el lugar elegido debe seguir las reglas de ubicación de Google: el anuncio no puede estar disfrazado de contenido, hay que cuidar de no dejarlo pegado a menús o botones, y la pantalla no puede tener más anuncios que contenido.

Paso a paso

Cómo implementarlo

  1. Abre el menú de anunciosEntra en tu cuenta de AdSense, haz clic en Anuncios y luego en Por bloque de anuncios.
  2. Elige Anuncios de displayHaz clic en Anuncios de display y dale al bloque un nombre descriptivo y único, fácil de reconocer.
  3. Elige el tamañoMarca Responsivo, que es el recomendado por Google, o Fijo, si quieres escribir un ancho y una altura exactos.
  4. Obtén el códigoHaz clic en Guardar y obtener código y copia el código del bloque.
  5. Pégalo en la páginaPega el código entre las etiquetas body, en el punto exacto de la página donde debe aparecer el anuncio. Después haz clic en Listo.
  6. Espera a que aparezcaNormalmente los anuncios aparecen en pocos minutos, pero pueden tardar hasta una hora. Si no aparecen, revisa en la página Sitios si tu sitio ya tiene el estado Listo.

Ejemplo implementado

El código y cómo se ve en pantalla

Este código va dentro del body, exactamente en el lugar de la página donde debe aparecer el anuncio.
<script async
     src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
     crossorigin="anonymous"></script>
<!-- Anúncio de display responsivo -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- Versão de tamanho fixo (728x90) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
En el escritorioAparece como un rectángulo o una franja en el espacio que reservaste, por ejemplo una franja de 728x90 arriba o un rectángulo de 300x250 al lado del texto.
En el celularEl anuncio responsivo se ajusta al ancho de la pantalla. Con el celular en vertical, puede ocupar todo el ancho de la pantalla.

Lo que recomienda Google

Qué se puede y qué no

Sí se puede

  • Elegir el tamaño responsivo, que es el recomendado por Google, o un tamaño fijo.
  • Usar los tamaños que Google señala como los de mejor rendimiento: 300x250, 336x280, 728x90, 300x600 y 320x100.
  • Colocar el código dentro de un div o de una tabla para posicionar el anuncio, por ejemplo centrado en la página.
  • Escribir una etiqueta encima del anuncio. La política de Google solo permite los nombres Publicidad o Enlaces patrocinados (en inglés, Advertisements o Sponsored Links).
  • Colocar varios anuncios en la misma página, siempre que la pantalla nunca tenga más anuncios que contenido.
  • Definir el tamaño del anuncio responsivo para cada ancho de pantalla con CSS, siguiendo el ejemplo de la ayuda de Google, y probar después en varios dispositivos.

No se puede

  • Pedir clics, con frases como haz clic en el anuncio, o decir que el clic ayuda al sitio. También está prohibido dar cualquier premio a cambio de un clic.
  • Colocar el anuncio cerca de menús, enlaces, botones de descarga, botones de play, reproductores de video o ventanas de juego, donde la persona puede hacer clic sin querer.
  • Usar flechas, símbolos o animaciones llamativas para atraer la mirada hacia el anuncio.
  • Colocar el anuncio debajo de títulos engañosos como Recursos o Enlaces útiles, o dejarlo con aspecto de contenido del sitio.
  • Tener más anuncios que contenido en la pantalla, o mostrar anuncios en pantallas sin contenido, como páginas de agradecimiento, de error o de salida.
  • Hacer que la página o el anuncio se recargue solo, sin que la persona lo pida.

Consejos

Para hacerlo bien

Cuidado

Errores comunes

Código fuera del body

Pegar el código del bloque fuera de las etiquetas body impide que los anuncios aparezcan bien.

Caja sin ancho

Si el anuncio responsivo está en una caja sin ancho definido, como un elemento flotante, no puede calcular el tamaño. Define el ancho con CSS media queries.

Altura bloqueada

Una caja con altura fija o limitada estorba al anuncio responsivo. Google recomienda evitarlo.

Script que oculta contenido

Los scripts que se ejecutan antes del anuncio y ocultan partes de la página pueden impedir el cálculo del tamaño. La solución indicada es definir el tamaño con CSS media queries.

Preguntas frecuentes

¿Responsivo o fijo? ¿Cuál debo elegir?

Google recomienda el responsivo. El fijo puede tener menos anuncios disponibles, lo que puede reducir las ganancias.

¿Cuánto tarda en aparecer el anuncio?

Normalmente pocos minutos, pero puede tardar hasta una hora.

¿Cuántos anuncios puedo colocar en una página?

La política no fija un número. La regla es que la pantalla no tenga más anuncios que contenido, y Google recuerda que menos puede ser más.

¿Girar el celular cambia el anuncio?

Sí. Cuando la pantalla cambia de posición, se carga un anuncio nuevo del tamaño correcto. El anterior queda guardado y vuelve si la persona gira el celular otra vez.

¿Puedo ocultar el anuncio en pantallas pequeñas?

Sí. La ayuda de Google muestra cómo usar CSS con display none para ocultar el bloque en un ancho de pantalla. Oculto de esa manera, el anuncio ni siquiera se solicita.

Biblioteca

Fuente oficial de Google

Todo en esta página sigue la documentación oficial de Google. Léela directo en la fuente:

¿Tu sitio usa este formato de la manera correcta?

La auditoría lee el sitio como un visitante, sin hacer clic en nada, y muestra qué corregir.

Hacer una auditoría