Avisos
Vaciar todo

Fijar dimensiones para avisos adsense  

 
Walter
 Walter
Reputable Member

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

Citar
Respondido : 07/02/2021 5:14 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 07/02/2021 5:43 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Walter
 Walter
Reputable Member

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

 

ResponderCitar
Respondido : 07/02/2021 5:52 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 07/02/2021 8:18 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Walter
 Walter
Reputable Member

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

No se permite marcado dentro de CSS.

ResponderCitar
Respondido : 08/02/2021 2:44 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 08/02/2021 9:49 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Walter
 Walter
Reputable Member

@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
ResponderCitar
Respondido : 08/02/2021 12:35 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 08/02/2021 1:08 pm

Cursos Gratuitos WordPress

Walter
 Walter
Reputable Member

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

ResponderCitar
Respondido : 11/02/2021 2:23 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 11/02/2021 2:48 pm

wpdoctor-revisa-la-salud-de-tu-wordpress