<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX11XXX9" crossorigin="anonymous"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXX11XXX9"
data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Para adaptar este código de muestra a su propio sitio web, siga estos pasos:
- Cree un bloque de anuncios de display en su cuenta de AdSense y asegúrese de dejar la opción Adaptable seleccionada en la sección «Tamaño del anuncio». Luego, anote la información del código de anuncio adaptable que le indicamos a continuación:
- Su ID de editor (por ejemplo, ca-pub-1234567891234567)
- El ID del bloque de anuncios (es decir,
data-ad-slot
); por ejemplo, 1234567890
- En el código de ejemplo:
- Sustituya todas las instancias de
example_responsive_1
por un nombre único (por ejemplo, página_principal o página_información_123).Notas:- Su nombre único debe contener solo letras del alfabeto inglés (A-Z), números y guiones bajos. Además, el primer carácter debe ser una letra del alfabeto inglés.
- Debe utilizar un nombre único diferente cada vez que adapte este código de ejemplo.
- Sustituya
ca-pub-XXXXXXX11XXX9
por su propio ID de editor. - Sustituya
8XXXXX1
por el ID del bloque de anuncios.
- Sustituya todas las instancias de
- Decida el tamaño que quiere que ocupe el bloque de anuncios en cada anchura de pantalla:
- Si le parecen bien los tamaños de los bloques de anuncios del código de ejemplo, no tendrá que cambiar nada más.
- Si quiere definir tamaños de bloque de anuncios distintos para cada anchura de pantalla, realice estas modificaciones en el código de ejemplo:
- Sustituya
320px
y100px
por la anchura y la altura del bloque de anuncios que quiera usar con anchuras de pantalla de hasta 500 píxeles. - Sustituya
468px
y60px
por la anchura y la altura del bloque de anuncios que quiera usar con anchuras de pantalla desde 500 píxeles hasta 799 píxeles. - Sustituya
728px
y90px
por la anchura y la altura del bloque de anuncios que quiera usar con anchuras de pantalla de 800 píxeles o mayores.
- Sustituya
- Copie y pegue el código de anuncio modificado en el código fuente HTML de la página en la que quiere que aparezcan los anuncios. Nota: Una vez que haya insertado el código de anuncio, le recomendamos que pruebe los anuncios en distintos dispositivos y pantallas para comprobar que se adaptan correctamente a todos ellos.
Visto en https://support.google.com/adsense/answer/9183363?hl=es