Fijar dimensiones para avisos adsense  

Hola

Según la ayuda de Google Adsense, efectivamente tienes que agregar una clase CSS al contenedor, aqui describen el código:

https://support.google.com/adsense/answer/9189959?hl=en#zippy=%2Chow-to-set-a-variable-height-responsive-sites

Como estas insertando los anuncios que se ven en tu sitio?, si estas usando algún plugin posiblemente ya tengas la opción como parte de la configuración.

Saludos.

@jmarreros Hola, Los estoy insertando manualmente con html en los posts y en 1 widget sidebar, aunque también con una opcion que trae el propio tema:

Me dirias entonces si simplemente agrego esto antes del codigo de adsense (que agrego en html con un bloque en gutenberg)?

<style>
  @media (min-width: 350px) {
    .infeed {
      height: 180px;
    }
 @media (min-width: 500px) {
    .infeed {
      height: 130px;
    }
  }
 @media (min-width: 800px) {
    .infeed {
      height: 200px;
    }
  }

Hola

La ídea sería agregar ese código CSS, desde Apariencia > Personalizar > CSS

Agrega sólo el CSS, es decir lo que esta dentro de las etiquetas <style></style>

Luego en el código que insertas manualmente tienes que hacer referencia a la clase CSS infeed

<ins class="adsbygoogle infeed" ...

Saludos.

@jmarreros Intenté hacerlo dentro de css personalizado pero me da un mensaje de error:

No se permite marcado dentro de CSS.

Hola Walter.

No veo imagenes de AdSense en tu web

¿ Podrías indicarnos alguna URL donde tengas anuncios de AdSense paar que podamos revisarlo ?

Un saludo

@pepesoler Hola Pepe, 

https://estudiowls.com.ar/escala-salarial-empleados-comercio-cct-130-75/

Aqui se muestran anuncios

De todas maneras voy a intentar hacerlo con este codigo, que te parece?

#ad-header {min-height: 300 px;}@media screen and (min-width: 40em) {#ad-header {min-height: 200 px;}}

Y luego coloco

Hola Walter,

No veo el anuncio activo en la URL que nos compartes, sin embargo puedes probar si el código que tienes añadido funciona, para la opción responsive podrías probar usar por ejemplo

@media only screen and (max-width: 500px) {
.header {
height: 200px };
}
}

De igual forma puedes probar usar clases en lugar de ID para añadir los estilos, por ejemplo

.header {
height: 300px !important;
}

Un Saludo

Hice las modificaciones incluyendo el div en los bloques de anuncios y luego definiendo el tamaño con css, pero en los tests de velocidad google me dice que debo evitar el write.document y lo vincula con los anuncios adsenses, con lo cual intuyo que es por este cambio.

Podria hacer todo junto? Es decir, poner el codigo manual de adsense entre divs y alli mismo fijar el tamaño?

Me dirian como hacerlo tanto para vista pc y movil?

Creen que esto es lo que provoca la advertencia de write.document?

Gracias

Hola Walter.

Revisa esta documentación de Google.

-> https://support.google.com/adsense/answer/9183363?hl=en

la idea es crear una clase en el propio Scrip de Adsense 

<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"></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>

Este es el scrip que añades en el header de la pagina.

Un saludo