EsLoQueHiHa
Zeta
- Desde
- 14 Jun 2013
- Mensajes
- 1.555
Una de las cosas que nos traen locos últimamente a la hora de monetizar nuestros sitios, es que aunque usemos plantillas responsive, las imágenes y la disposición del sitio se adapta en función de la pantalla de cada dispositivo pero los anuncios tienen un tamaño fijo que muchas veces nos rompe el diseño o no acaba de cuadrar del todo bien en nuestras plantillas cuando vemos nuestros sitios en diferentes dispositivos.
A mí me ocurre con frecuencia que en navegadores para PC puedo mostrar anuncios de tamaño 768x90 o 300x250, pero en cambio en móviles y tabletas con frecuencia este tamaño no me cabe, para que el contenido quede bien alineado y no se me descuadre la plantilla tengo que usar tamaños 468x60 y 125x125. También me ocurre que hay empresas que pagan por revenue share que tienen buenas conversiones desde PC pero en móviles no convierten nada, y es una pena desaprovechar ese espacio a lo tonto cuando se puede aprovechar con publicidad que nos de los mejores resultados.
Para solucionar este problema y mantener la potencia de una plantilla responsive adaptada, pero mostrar anuncios diferentes en función del dispositivo hay un sencillo método, una función de wordpress que nos devuelve información sobre el dispositivo en el que el usuario está navegando por nuestro sitios. [
Se trata de la función <?php if (wp_is_mobile()) : ?>
Link a la referencia del códex: Function Reference/wp is mobile « WordPress Codex
Para usarla en nuestras plantillas y mostrar anuncios de tamaño diferente en función de si el usuario navega desde un móvil o tableta, o desde un PC, haremos lo siguiente:
1. Editaremos el código de nuestra plantilla, los archivos que contengan la publicidad. No por widgets, sino directamente por código.
2. Allí donde queramos tener tamaños de anuncios diferentes, pegaremos el siguiente código:
En realidad este código os sirve para mostrar contenido distinto en dispositivos distintos. Los usos que le podéis dar son múltiples y variados, y dependen de la imaginación de cada cual. Un uso clásico (yo lo uso así en varios sitios) es mostrar el sidebar en la home si el usuario entra desde un PC, o quitarla y mostrar contenido a todo lo ancho de la pantalla si entran desde un móvil o tablet para aprovechar todo el espacio.
Mediante plugins como mobble podéis incluso diferenciar si se trata de un móvil o una tablet, y si tiene sistema operativo iOS o Android, pero eso ya es rizar el rizo. Os dejo el link por si alguien quiere probar: WordPress › mobble « WordPress Plugins
A mí me ocurre con frecuencia que en navegadores para PC puedo mostrar anuncios de tamaño 768x90 o 300x250, pero en cambio en móviles y tabletas con frecuencia este tamaño no me cabe, para que el contenido quede bien alineado y no se me descuadre la plantilla tengo que usar tamaños 468x60 y 125x125. También me ocurre que hay empresas que pagan por revenue share que tienen buenas conversiones desde PC pero en móviles no convierten nada, y es una pena desaprovechar ese espacio a lo tonto cuando se puede aprovechar con publicidad que nos de los mejores resultados.
Para solucionar este problema y mantener la potencia de una plantilla responsive adaptada, pero mostrar anuncios diferentes en función del dispositivo hay un sencillo método, una función de wordpress que nos devuelve información sobre el dispositivo en el que el usuario está navegando por nuestro sitios. [
Se trata de la función <?php if (wp_is_mobile()) : ?>
Link a la referencia del códex: Function Reference/wp is mobile « WordPress Codex
Para usarla en nuestras plantillas y mostrar anuncios de tamaño diferente en función de si el usuario navega desde un móvil o tableta, o desde un PC, haremos lo siguiente:
1. Editaremos el código de nuestra plantilla, los archivos que contengan la publicidad. No por widgets, sino directamente por código.
2. Allí donde queramos tener tamaños de anuncios diferentes, pegaremos el siguiente código:
Insertar CODE, HTML o PHP:
<?php if (wp_is_mobile()) : ?>
<!-- CODIGO QUE SE MOSTRARÁ EN MÓVILES/TABLETS -->
<?php else: ?>
<!-- CÓDIGO QUE SE MOSTRARÁ EN DESKTOP -->
<?php endif; ?>En realidad este código os sirve para mostrar contenido distinto en dispositivos distintos. Los usos que le podéis dar son múltiples y variados, y dependen de la imaginación de cada cual. Un uso clásico (yo lo uso así en varios sitios) es mostrar el sidebar en la home si el usuario entra desde un PC, o quitarla y mostrar contenido a todo lo ancho de la pantalla si entran desde un móvil o tablet para aprovechar todo el espacio.
Mediante plugins como mobble podéis incluso diferenciar si se trata de un móvil o una tablet, y si tiene sistema operativo iOS o Android, pero eso ya es rizar el rizo. Os dejo el link por si alguien quiere probar: WordPress › mobble « WordPress Plugins
