Weiterleitung zur mobilen Website – SUPER einfaches Tutorial

Ich habe buchstäblich Stunden damit verbracht, nach einer guten, einfach zu befolgenden Anleitung zum Einrichten einer Javascript-Weiterleitung auf Ihrer Website zu suchen, damit mobile Besucher ohne Erfolg auf Ihre mobile Seite weitergeleitet werden. Es musste extrem klar und mit großartigen Beispielen sein und ich wollte eine Methode, die sich NICHT auf die Bildschirmgröße stützte, weil, na ja … Das ist einfach dumm. Sie möchten keine Desktop-Besucher umleiten, deren Browser klein ist!

Okay, dann lass uns anfangen. Wir werden das Skript JS-Redirection-Mobile-Site verwenden, das hier bei Git Hub zu finden ist. Nun, bevor Sie auf diesen Link klicken und sich alle verwirren, werde ich alles für Sie aufschlüsseln. Okay, das Wichtigste zuerst. Herunterladen redirection-mobile.js hier. Markieren Sie einfach den Text, kopieren Sie ihn und erstellen Sie dann ein neues Textdokument in einem Ordner auf Ihrer Site mit dem Namen „js“ und nennen Sie es redirection-mobile.js. Gut, wir sind fast fertig. Fügen Sie nun im Abschnitt <head> der Seite, die Sie umleiten möchten, Folgendes ein:

XHTML

1
2
3
4
5
6
7

<!– Mobile Redirect Script von https://pagecrafter.com –>
< script type=“text / javascript“ src =“js / Umleitung-Mobil.js“></Skript><Skripttyp =“text / javascript“>// <!]></Skript>

Einfache Sachen. Ersetzen Sie nun „urltoredirectto.com“ mit, nun … Der URL, zu der Sie umleiten möchten. Laden Sie dies jetzt auf Ihren Server hoch, und Sie können loslegen!

Dadurch werden die meisten mobilen Besucher (aber keine Tablets) auf diese URL umgeleitet. Und es funktioniert großartig, denn wenn sie zu dieser mobilen Website gehen und dann auf einen Link klicken, um zu der Seite zurückzukehren, von der sie gerade umgeleitet wurden, werden sie nicht erneut umgeleitet, sodass sie die reguläre Seite anzeigen können.

Ich hatte viele Anfragen nach Anweisungen zum Hinzufügen einer Tablet-Umleitung, also werde ich Ihnen zeigen, wie das geht. Wenn Sie tablet_redirection auf „true“ setzen, werden auch Tablet-Benutzer umgeleitet. Wenn Sie einen separaten Speicherort für Tablet-Benutzer angeben möchten, können Sie dies tun, indem Sie einen Wert für „tablet_host“ eingeben. Der Code wird also jetzt so aussehen:

XHTML

1
2
3
4
5
6
7
8
9
10
11

<!– Mobile Redirect Script von https://pagecrafter.com –>
< script type=“text / javascript“ src =“js / Umleitung-Mobil.js“></Skript><Skripttyp =“text / javascript“>// <!]></Skript>

Eine vollständige Liste der Parameter, die Sie verwenden können, finden Sie auf der Github-Seite, auf die ich zuvor verlinkt habe, und in der Readme-Datei. Ich hoffe, das hilft jemandem, all die Mühe und Arbeit zu vermeiden, die ich durchmachen musste, um das herauszufinden! Danke fürs Vorbeischauen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.