New Member (No PMs)
Mobile site autodetect
I have a mobile site hosted with a different server site than my main website. Is there a script that I can insert into my main site (which was built using Web Designer MX Premium) that will autodetect a mobile browser and redirect to the mobile site. I'm not a programmer, so it needs to be easy to do and will work with a Web Designer site. Any suggestions?
Member
Re: Mobile site autodetect
Either create a placeholder and name it <head> or pop the following code into the head section through web properties:
<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>
Change the red text to the url of your mobile site so for instance www.yoursite.com/mobile.htm
This works with all devices with a lower than 699 screen width (you can change this)
Or you can use the code specific to apple devices
<script language=javascript>
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
location.replace("http://url-to-send-them/iphone.html");
}
-->
</script>
Again just replace the red url text with your domain
New Member (No PMs)
Re: Mobile site autodetect
Awesome, thank you!
New Member (No PMs)
Re: Mobile site autodetect
One other question about this, does it need to be inserted just on the home page, or in all the pages on the site, in the event that someone clicks in from a search result to a page other than the home page?
Moderator Emeritus
Re: Mobile site autodetect
Unless people are coming to specific pages within your site, I would think just the home page. But to be sure, and you'll need to use the placeholder named <html> method, you can copy and paste the placeholder on all pages.
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Posting Permissions
Reply With Quote
Bookmarks