2WebFacil

Cada vez mas usuarios acceden desde diversos dispositivos móviles entre ellos el mas utilizado es el iPhone o iPod Touch, entonces es recomendable tener una versión preparada para estos dispositivos de forma que nuestros visitantes puedan leer nuestro blog con total comodidad.

Dirección del Feed

Para realizar la versión móvil de nuestro blog utilizaremos el Feed, entonces es necesario reconocer la dirección del Feed de nuestro blog.

Para usuarios de Blogger, si el blog tiene la dirección:
http://2webfacil.blogspot.com/
La dirección del feed sería de la forma:
http://2webfacil.blogspot.com/feeds/posts/default

Para usuarios de WordPress, si la dirección del blog es:
http://2webfacil.com/
La dirección del feed sería de la forma:
http://2webfacil.com/feed/

Método I: Utilizando Google Reader

Una forma de crear una versión optimizada para dispositivos móviles es utilizar la versión móvil de Google Reader, para ello se puede utilizar la siguiente ruta, donde URL-FEED es el URL del feed de tu blog.

1

http://www.google.com/reader/m/view/feed/URL-FEED

Lo siguiente es detectar si el usuario esta accediendo desde un iPhone y redireccionarlo a la nueva versión. Para ello utilizaremos un pequeño Javascript, el cual debemos colocar en el código fuente de nuestro blog antes de la etiqueta </head>.

1
2
3
4
5
6

<script type="text/javascript">
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf('iphone')!=-1) {
	window.location = "http://www.google.com/reader/m/view/feed/URL-FEED"
}
</script>

Método II: Utilizando el Lector de Feeds de iPhone

Si el iPhone detecta que el contenido al que se accede es un Feed, por defecto utiliza un lector preparado para mostrarse correctamente en dispositivos móviles, por lo cual podemos utilizar directamente la dirección del Feed de nuestro blog. Entonces modificando el código anterior tendríamos:

1
2
3
4
5
6

<script type="text/javascript">
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf('iphone')!=-1) {
	window.location = "URL-FEED"
}
</script>

No se olviden de reemplazar URL-FEED por el URL de su blog. Además hay que colocar este código antes de la etiqueta </head> de nuestro blog.

Pueden ver el ejemplo funcionando en nuestro blog de pruebas http://2webfacil.com/ si es que acceden utilizando un iPhone.

Tweet