Sin categoría

Adsense: Modificar el código de anuncio adaptable

<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:

  1. 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
  2. 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.
  3. 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 y 100px por la anchura y la altura del bloque de anuncios que quiera usar con anchuras de pantalla de hasta 500 píxeles.
      • Sustituya 468px y 60px 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 y 90px por la anchura y la altura del bloque de anuncios que quiera usar con anchuras de pantalla de 800 píxeles o mayores.
  4. 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

Bootstrap

https://bootstrapious.com/p/bootstrap-tips-and-tricks https://github.com/woocommerce/woocommerce/wiki/Customizing-image-sizes-in-3.3
Scroll al inicio

We are using cookies on our website

Please confirm, if you accept our tracking cookies. You can also decline the tracking, so you can continue to visit our website without any data sent to third party services.