Avisos
Vaciar todo

Fijar dimensiones para avisos adsense

10 Respuestas
4 Usuarios
0 Reactions
37 Visitas
Respuestas: 359
Reputable Member
Topic starter
 

Hola, 

Me gustaría fijar las dimensiones en los bloques de adsense que están en el sitio, me dirian como hacerlo?

Lei que debería der entre divs

La idea es bajar el tiempo de CLS que mide google dejando un espacio reservado a cada bloque de adesense para que no hayan desplazamientos a medida que cargue la web.

Si lo hago en px de acuerdo a cada bloque de adsense serviría tanto para la version pc como movil? 

 

 

 

Contenido solo visible a usuarios registrados


 
Respondido : 07/02/2021 5:14 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 07/02/2021 5:43 pm
Respuestas: 359
Reputable Member
Topic starter
 

@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;
    }
  }

 


 
Respondido : 07/02/2021 5:52 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 07/02/2021 8:18 pm
Respuestas: 359
Reputable Member
Topic starter
 

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

No se permite marcado dentro de CSS.


 
Respondido : 08/02/2021 2:44 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

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


 
Respondido : 08/02/2021 9:49 am
Respuestas: 359
Reputable Member
Topic starter
 

@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

<div id="ad-header">
CODIGO ADSENSE 
</div> en cada bloque de anuncios

 
Respondido : 08/02/2021 12:35 pm
Karen Rios
Respuestas: 18675
Illustrious Member Moderator
 

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


 
Respondido : 08/02/2021 1:08 pm
Respuestas: 359
Reputable Member
Topic starter
 

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


 
Respondido : 11/02/2021 2:23 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

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


 
Respondido : 11/02/2021 2:48 pm