Recomendado

Volver a la versión web desde versión móvil usando cookies en javascript

Después de haber tenido varias peticiones de como poder mostrar la versión web a los que hemos redireccionado a la versión móvil,


os dejo este código para que cuando tengamos a un visitante en la versión movil pueda ir a la versión web y no lo vuelva a redireccionar, esto lo he hecho creando una cookie, si el script lee la cookie te deja ver el contenido de la versión web, si no hay creada la cookie te redireccionará a la versión móvil. Tendremos que reemplazar lo siguiente del código puesto en Detectar moviles y redireccionar .


  1. Reemplazaremos:
  2. {
  3. window.location = "http://www.miwebmovil.com";

  4. }
  5. else
  6. {

  7. }


por el siguiente código:



  1. {
  2.        if(readCookie("nombredelacookie")){
  3.                 } else{  
  4.              window.location = "http://www.miwebmovil.com"; }
  5.             }
  6.             else { }



Como podemos ver en  este código, el que navega a través de un dispositivo móvil, antes de redireccionarlo comprobamos si esiste una cookie llamada "nombredelacookie"(recomiendo cambiar este nombre por uno personalizado), entonces le decimos que si esiste la cokie le mostramos esta página y si no esiste la cookie lo redireccionamos a la versión móvil.

 tambien en la versión web pondremos el siguiente código:



  1.   function readCookie(b){
  2. //creado por joason.com
  3.         var e=b+"=";
  4.         var a=document.cookie.split(";");
  5.         for(var d=0;d<a.length;d++){
  6.         var f=a[d];
  7.         while(f.charAt(0)==" "){
  8.         f=f.substring(1,f.length)
  9. }
  10.       if(f.indexOf(e)==0){
  11.         return f.substring(e.length,f.length)
  12.    }
  13.  }
  14.         return null}; 




Que será el encargado de leer la cookie.

Cuando hayamos tenido una visita desde un dispositivo móvil, lo hayamos redireccionado a la versión móvil y queramos dar la opcción para volver a la versión web y crear la cookie que necesitamos para poder mostrar la versión web con un dispositivo móvil, colocamos el siguiente enlace en la versión móvil:



  1. <a href="http://www.miweb.com" title=" " onClick="javascript:irwebcompleta();">ir a versión web</a>


 
como podemos ver en el mismo enlace tiene dos funciones, una nos envia a la versión web y la segunda llama a la función de javascript "irwebcompleta" que es la que nos creará la cookie.

Para crear la cookie utilizaremos el siguiente código:


  1. function irwebcompleta(a){
  2. //creado por joason.com
  3.     createCookie("nombredelacookie","accepted",a);
  4.  }    
  5. function createCookie(c,d,e){
  6.     if(e){
  7. var b=new Date();    
  8.     b.setTime(b.getTime()+(e*6*60*60*1000));  
  9.    var a="; expires="+b.toGMTString()}
  10.       else{
  11.    var a=""
  12.  }
  13.      document.cookie=c+"="+d+a+"; path=/"
  14.  }



 

este código debe ir donde esté la versión móvil.

Creo que ya está todo, cualquier duda o error de código, hacermelo saber.

Espero que os sea útil.




Un saludo...





joason joason 9

Entradas que pueden interesarte

9 comentarios