¿Hay alguna forma de cambiar el tamaño de google adsense en un diseño receptivo? [closed]

Estoy usando google adsense en mi diseño responsivo de wordpress (eso está usando el arranque de twitter). En este momento, cuando el sitio cambia de tamaño, los anuncios sobresalen y simplemente se ven mal.

¿Hay algo que pueda hacer para ayudar con esto? De hecho, vi un sitio que parecía ser alguien que cambiaba el tamaño de los anuncios en pantallas más pequeñas… No estoy seguro de cómo es posible esto, ya que es una secuencia de comandos Java, ¿verdad?

Cualquier comentario sería muy útil. ¡Gracias!

Idealmente, las consultas de medios CSS podrían reducir automáticamente la escala de los anuncios y, en un mundo perfecto, los anuncios cambiarían automáticamente su diseño en función del nuevo tamaño. Sin embargo, los anuncios de Google sí no apoyan esto, ni siquiera permitir esto: no puede cambiar el contenido del anuncio ni ocultar ninguna parte del mismo, excepto con el permiso explícito de Google, de acuerdo con su Términos de servicio (texto eliminado marcado con [...]):

5. Usos Prohibidos. Usted no deberá, y no deberá autorizar o alentar a ningún tercero a: (i) […] (ii) editar, modificar, filtrar, truncar o cambiar el orden de la información contenida en cualquier Anuncioenlace, bloque de anuncios, resultado de búsqueda o botón de referencia, o eliminar, ocultar o minimizar cualquier anuncioenlace, bloque de anuncios, resultado de búsqueda o botón de referencia de ninguna manera sin autorización de Google; […]

Una solución alternativa sería publicar los anuncios a través de JavaScript de forma condicional. Por ejemplo, cuando se carga la página, recupere el tamaño de la ventana gráfica del navegador y, si el ancho de la ventana gráfica del navegador es más pequeño que el ancho del anuncio preferido, publique un anuncio más pequeño en su lugar. Debería funcionar de manera similar a las consultas de medios CSS, excepto no haga publicar nuevos anuncios cuando el usuario cambia el tamaño de su navegador, ya que esto generaría impresiones falsas (múltiples impresiones en una sola página, sin actualizar), lo que también va en contra de su Términos de servicio:

5. Usos Prohibidos. Usted no deberá, y no deberá autorizar o alentar a ningún tercero a: (i) generar directa o indirectamente consultas, eventos de referencia o impresiones o hace clic en cualquier anuncio, enlace, resultado de búsqueda o botón de recomendación (incluido, entre otros, haciendo clic en “reproducir” para cualquier anuncio de video) a través de cualquier automatizadoengañosos, fraudulentos u otros medios inválidos, incluidos, entre otros, clics manuales repetidos, el uso de robots u otras herramientas de consulta automatizadas y/o solicitudes de búsqueda generadas por computadora, y/o el uso no autorizado de otros servicios de optimización de motores de búsqueda y/ o software; […]

Las respuestas existentes están desactualizadas. Google introdujo anuncios receptivos en julio de 2013:

Los nuevos bloques de anuncios receptivos le permiten admitir una amplia gama de dispositivos al trabajar con sus páginas web de diseño receptivo. Ahora puede especificar dinámicamente el tamaño del anuncio que se publicará, adaptándolo para que se ajuste a la forma en que su sitio presenta una página en un dispositivo en particular.

Los anuncios receptivos funcionan con diseños fijos, fluidos y receptivos. Todo lo que necesita hacer es colocar la versión de código de “Tamaño inteligente” en el lugar donde desea que aparezcan los anuncios. El anuncio se extenderá horizontalmente para ocupar todo el espacio disponible y verticalmente para mostrar el anuncio de tamaño estándar más óptimo. Si su sitio web cambia su diseño según la orientación del dispositivo, el tamaño del anuncio se ajustará automáticamente en el evento de cambio de orientación del dispositivo. La personalización avanzada es posible utilizando atributos de datos CSS y HTML5.

Google ahora admite oficialmente anuncios receptivos (actualmente en BETA). Aquí hay una buena descripción de la funcionalidad con enlaces a los documentos oficiales de Google.

http://exisweb.net/using-google-adsense-async-tags-for-responsive-design

Funciona, pero un inconveniente es que cuando cambia el tamaño de la ventana gráfica, los anuncios no cambian de tamaño automáticamente. Por lo que entiendo, va en contra de los TOS intentar llamar al servidor de anuncios cuando la ventana gráfica cambia de tamaño.

Hay un complemento llamado Adsense receptivo. Agrega un widget con 5 campos de anuncios y entras pub id y ad id en ellos. Luego, según el tamaño de la pantalla, muestra 1 de los 5 anuncios. Lo probé en un navegador móvil y mostró un anuncio del tamaño de un bloque en lugar del móvil.

Para mantener mi página receptiva, lo hice de esta manera:

<div class="table table-responsive">    
        <div class="text-center text-muted">
            <hr><br>
            <small>advertisement</small>
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- bottom -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client=""
                 data-ad-slot=""
                 data-ad-format="auto"></ins>
            <script>
                
            </script>  
            <br>
        </div>       
</div>

Estoy de acuerdo con lo que publicó Equilibrium3. Seleccione el Tamaño del anuncio = Bloque de anuncios receptivo (Beta). Una vez que obtenga el código de anuncio, puede colocarlo dentro de un <div class="span12"> que también está dentro de un <div class="row">. Esto funcionó para mí para colocar un anuncio horizontal y tenerlo centrado también.

Esta es la página donde tengo ese anuncio horizontal -> http://www.espaciodigital.mx/

Ahora, si desea colocar el código del anuncio en una barra lateral, haga lo mismo que arriba, pero divida la página usando, por ejemplo, <div class="span3"> para la barra lateral y <div class="span9"> para el resto de la página.

Lo hice en la página siguiente, donde los anuncios cuadrados están a la izquierda -> http://www.espaciodigital.mx/quienes_somos.html

Ambos anuncios funcionan bien cuando se ven en un dispositivo móvil. Darle una oportunidad. ¡Espero que ayude!