Umleitung von Desktopseite auf die Mobile Seite mit Abfrage

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Umleitung von Desktopseite auf die Mobile Seite mit Abfrage

      Aufgrund von mehreren Anfragen bezüglich Umleitung auf eine mobile Website habe ich mich entschlossen hier das Skript zur Verfügung zu stellen und eine Anleitung zum Einbau in WSX5.

      Es bewirkt folgendes…

      Wenn man am Handy die Desktopseite aufruft erfolgt die Abfrage ob man auf die mobile Version weitergeleitet werden soll oder bei Abbruch auf die zuerst eingegebene Seite kommen soll.

      Wenn man ein zweites Mal die Desktopseite aufruft , dann kommt man immer gleich (ohne Abfrage) auf die mobile Seite. Die Abfrage kommt erst dann wieder, wenn man den Cache vom jeweiligen Handybrowser löscht.

      NAchfolgendes Skript kopieren und in einem Texteditor reinkopieren.

      JavaScript-Quellcode

      1. function CookieSave(name, value, days)
      2. {
      3. if (typeof days != 'undefined') {
      4. var date = new Date();
      5. date.setTime(date.getTime() + (days*24*60*60*1000));
      6. var expires = "; expires=" + date.toGMTString();
      7. } else {
      8. var expires = "";
      9. }
      10. document.cookie = name + "=" + value + expires + "; path=/";
      11. }
      12. function CookieGet(name) {
      13. var nameEQ = name + "=";
      14. var ca = document.cookie.split(';');
      15. for(var i=0;i < ca.length;i++) {
      16. var c = ca[i];
      17. while (c.charAt(0)==' ') {
      18. c = c.substring(1,c.length);
      19. }
      20. if (c.indexOf(nameEQ) == 0) {
      21. return c.substring(nameEQ.length,c.length);
      22. }
      23. }
      24. return null;
      25. }
      26. function mredirect(){
      27. var mconfirm = confirm('Wollen Sie auf die mobile Version weitergeleitet werden?');
      28. if(mconfirm == true){
      29. window.location.href = "http://m.mobileseite.at"; // Hier das Verzeichnis oder Subdomain festlegen
      30. }else{
      31. // Setze Cookie um spaetere Dialoge zu vermeiden
      32. CookieSave('NoMobile', '1', '90'); // Hier den Cookie-Namen ändern
      33. }
      34. }
      35. function Client() {
      36. }
      37. Client.prototype.mobileClients = ["240x320","blackberry","netfront","nokia","panasonic","portalmmm","sharp","sie-","sonyericsson","symbian","windows ce","benq","mda","mot-","philips","pocket pc","sagem","samsung","sda","sgh-","vodafone","xda","iphone","android"];
      38. Client.prototype.OperaMini = ["midp","opera mini"]
      39. Client.prototype.isMobileClient = function(userAgent)
      40. {
      41. userAgent=userAgent.toLowerCase();
      42. for (var i in this.mobileClients) {
      43. if (userAgent.indexOf(this.mobileClients[i]) != -1) {
      44. return true;
      45. }
      46. }
      47. return false;
      48. }
      49. Client.prototype.isOperaMini = function(userAgent)
      50. {
      51. userAgent=userAgent.toLowerCase();
      52. for (var i in this.OperaMini) {
      53. if (userAgent.indexOf(this.OperaMini[i]) != -1) {
      54. return true;
      55. }
      56. }
      57. return false;
      58. }
      59. if(CookieGet('NoMobile') != 1) { // Hier den Cookie-Namen anpassen
      60. var client = new Client();
      61. if (client.isMobileClient(navigator.userAgent)) {
      62. mredirect();
      63. }
      64. else if(client.isOperaMini(navigator.userAgent)){
      65. document.observe('dom:loaded', mredirect);
      66. }
      67. }
      Alles anzeigen


      Danach die Stelle suchen wo folgener Code steht und entweder eure Subdomain oder den Verzeichnispfad angeben wo die Mobile Seite gestartet wird (index.html) z.B. "/mobile/index.html"

      JavaScript-Quellcode

      1. window.location.href = "http://m.mobileseite.at"; // Hier das Verzeichnis oder Subdomain festlegen


      Variante 1:

      Danach abspeichern als Datei mit der Endung "js" z.B. mobileswitch.js

      Die Datei mittels FTP auf den Server spielen z.B. ins Verzeichnis "js"

      Die Javaskriptdatei muss noch im WSX10 unter Allg. Einstellungen / Erweitert / Vor dem </HEAD> Tag eingebunden werden.

      JavaScript-Quellcode

      1. <script language="JavaScript" src="js/mobileswitch.js"></script>


      Variante 2:

      Das ausgebesserte Skript kopieren und bei Allg. Einstellungen / Erweitert / Vor dem </HEAD> TAg gleich direkt hineinkopieren.
      Dazu muss man aber noch am Anfang folgende Zeile dazu schreiben oder einfach kopieren.

      JavaScript-Quellcode

      1. <script language="javascript" type="text/javascript">


      Und am Schluß des Skriptes noch den schließenden Tag

      </script>
      Variante 3: (die einfachste)

      Man kann die "mobilswitch.js" auch einfach unter "4" SEO&Code --> Erweitert ---> Hinzufügen ----automatisch einfügen (Häkchen setzen) !

      Danach könnt ihr euer Projekt speichern auf den Server spielen.

      Nun müsst ihr es auf eurem Smartphone ausprobieren. Es muss eine Abfrage kommen.

      Alles vorausgesetzt ihr habt schon eine Mobile Version ;)

      lg Andy67
      Wissen ist MACHT ! Nichts zu Wissen macht nichts !
      Wissen ist MACHT ...ohne es zu wissen !

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von andy67 ()

    • Echt toll andy67 aber ich werde dieses Script sicherlich nicht verwenden, doch ganz super von Dir das Du es zur Verfügung stellst. Und dazu auch noch mit Anleitung. :thumbsup:
      Lg.
      Thabo-Umasai
      -----------------------------------------------------------------------------------------------------------
      "Was du heute kannst besorgen, das verschiebe nicht auf Morgen...."
      ;)
    • Danke !

      Mich würde gerne interessieren ob es auf einem IPAD oder Android Tablett auch die Abfrage kommt.

      Hier meine Seite als Beispiel (Link nicht mehr aktuell, da ich meine Seite auf responsive umgestellt habe)
      Wissen ist MACHT ! Nichts zu Wissen macht nichts !
      Wissen ist MACHT ...ohne es zu wissen !

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von andy67 ()

    • Hallo Andy,
      habe den Code eingebunden und auf meinem Windows Phone welches ich ergänzt habe funktioniert die Weiterleitung auch. Bei den Android Geräten allerdings funktioniert zwar die Abfrage und die Weiterleitung, jedoch hängen sich die Geräte in einer Endlos-Lade-Schleife auf. Was kann ich tun ?
      MfG Andreas
    • Danke andy für den script mit der Anleitung. Funktioniert problemlos. :thumbsup: :thumbsup: :thumbsup:

      Ich habe auf den Android Geräten und allen möglichen Browser getestet, klappt perfekt.
      Übrigens ich werde immer gefragt falls ich die Hauptseite aufrufe. Das ist übrigens sogar gut. :D

      Es würde mich nur noch interessieren ob die Weiterleitung und Abfrage auf den anderen Geräten auch klappt (iphone, Tablett).
      Wenn jemand nachschauen könnte und kurz Bescheid sagen, wäre ich euch sehr dankbar.
      Hier ist der Link zur Hauptseite RM Minden! Zahlreiche Dienstleistungen und tolle Angebote!!! - RM Minden!
    • Hallo andy,

      kann ich jede einzelne Seite zu einer konkretten mobil-Seite weiterleiten.
      Zum Beispiel bei Google-Adwords läuft eine Kampagne mit dem Link zur Seite XY.
      Wenn jemand drauf klickt möchte ich gerne dass er auch auf die gleiche mobile Variante landet und nicht auf die mobile Startseite.

      Wenn ich richtig verstehe muss ich dann auf jeder betroffenen Seite über Eigenschaften den Code eingeben, oder?
    • Hallo zusammen
      Ich habe versucht den Skript vom Andy einzufügen und bekomme es irgend wie nicht hin :-[ obwohl es sehr gut beschrieben ist.
      Habe die Subdomain eingetragen (meine-seite.ch/mobile/index.html), die die Texteditor Datei mobileswitch.js gespeichert und auf den Server in einem Unterordner js hochgeladen. Auf der Pc Homepage unter Allgemeine Einstellungen/ erweitert den anderen Text eingetragen (<script language="javascript" type="text/javascript"></script>) und es wieder hochgeladen und es geht nicht. Ich habe ein Windows Phone und ein IPhone zum testen. Habe ich etwas vergessen? Hoffe, dass mir jemand helfen kann.

      Gruss Cookie
    • Hallo Andy
      habe schon beide Varianten ausprobiert. Bei erweiterte/ Allgemeine Einstellungen / Vor den HEAD hat es unten noch so <meta... muss ich die löschen? Muss es oberhalb oder unterhalb von dem? Meine Mobile Seite wo ich mit WSX5 Evo 10 erstellt habe in 640 Px hab ich im Unterordner (.../mobile) hochgeladen.