Redirect Mobile Browsers

Nullig · **Posted:** Sat Feb 13, 2010 6:34 pm

With the increasing use of handheld devices to surf the net, more and more of the sites I do want to offer completely different content/styles to mobile users.

One way to accomplish this is to have a separate subdomain for mobiles and redirect them via the .htaccess file:

Code:

RewriteEngine on
RewriteBase /

# prevent looping
RewriteCond %{HTTP_HOST} !^mobile.yoursite.com$

# if the browser accepts these mime-types, it's definitely mobile, or pretending to be
RewriteCond %{HTTP_ACCEPT} "text\/vnd\.wap\.wml|application\/vnd\.wap\.xhtml\+xml" [NC,OR]

# a bunch of user agent tests
RewriteCond %{HTTP_USER_AGENT} "sony|symbian|nokia|samsung|mobile|windows ce|epoc|opera" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "mini|nitro|j2me|midp-|cldc-|netfront|mot|up\.browser|up\.link|audiovox"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "blackberry|ericsson,|panasonic|philips|sanyo|sharp|sie-"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "portalmmm|blazer|avantgo|danger|palm|series60|palmsource|pocketpc"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "smartphone|rover|ipaq|au-mic,|alcatel|ericy|vodafone\/|wap1\.|wap2\.|iPhone|android"[NC]

# put your rewrite rules here
RewriteRule ^(.*)$ http://mobile.yoursite.com/  [L,R=302]

Note: This example assumes a subdomain of "mobile".

To see what your site looks like on a mobile phone, you can use these emulators:

http://emulator.mtld.mobi/emulator.php
http://www.testiphone.com/

Nullig

Nensi · **Joined:** Mon Jun 07, 2010 6:39 am **Posts:** 1

It seems good to me and I hope you will keep up the good work in future as well

faglork · **Joined:** Fri Mar 03, 2006 1:32 pm **Posts:** 490

Nullig wrote:

With the increasing use of handheld devices to surf the net, more and more of the sites I do want to offer completely different content/styles to mobile users.

One way to accomplish this is to have a separate subdomain for mobiles and redirect them via the .htaccess file:

But in that case you need to maintain TWO completely different sites, which adds a lot of work, especially with large sites. Wouldn't it be simpler to incorporate the browser sniffing into the template and just call a different CSS? Or would it even be possible to switch templates?

E.g. for WORDPRESS there exists a plugin which just sends a completely different theme to mobile devices, and it works great.

Cheers,
Alex

Nullig · **Posted:** Fri Feb 18, 2011 6:37 pm

Yes, it does require maintaining 2 sites, but in some cases you want to show different content - more concise content.

The maintenance is minimal, as the template and stylesheets are bare bones.

Nullig

JohnGeddes · **Joined:** Thu Mar 10, 2011 6:59 am **Posts:** 1

Can I ask a rather basic question about what is being suggested here?

If one uses the very elegant approach of .htaccess redirection to either "normal" or "mobile" subdomains, how much duplication is one facing in maintaining a site?

Maintaining a parallel set of page templates is fair enough, but duplicating page content seems unrealistic.

How, with CMSMS, would one maintain a single database of content, served via either of two sets of templates?

jtcreate · **Posted:** Thu Mar 31, 2011 8:59 pm

Great thread. Great script. I got this working today, but have one minor issue.

If I'm an iPhone user or other with full browser capability, I'd like to show the mobile version first, but have the option for the user to click "view the full site" and have it show.

It's setup like this:
"http://www.domain.com" for main site
"http://www.domain.com/mobile" for mobile site

Redirect sends mobile user to /mobile directory and it works great. But, clicking to view full site just loops them back to the mobile directory.

Any tricks to making this work? Thanks!

fredp · **Posted:** Fri Apr 01, 2011 7:28 am

jtcreate wrote:

...
Redirect sends mobile user to /mobile directory and it works great. But, clicking to view full site just loops them back to the mobile directory.

Any tricks to making this work? Thanks!

Hi,

How about setting a cookie when a user opts for the full site and then check for the cookie in the .htaccess file, with another RewriteCond? E.g.:

Quote:

...
# prevent looping
RewriteCond %{HTTP_COOKIE} !_full_site_please_blah_blah_blah
...

lemonaid · **Joined:** Mon Sep 22, 2008 7:44 am **Posts:** 76

Hi there

I came up with a new solution for this. I also wanted to send mobile users off to separate 'mobile template' pages and iphone users to the main site.

BUT I wanted my visitors to be able to switch between the two.

The solution that works for me is to place a php script into a default.php file as so:

This is an adaptation from:

Mobile version detection
-----------------------------------------------------
compliments of http://www.buchfelder.biz/

Code:

 
<?php

if($mobile){
   header('Location: http://www.mydomain.com.au/mobile.htm');
   } else {
   header('Location: http://www.mydomain.com.au/index.php');
   }

$text = $_SERVER['HTTP_USER_AGENT'];
$var[0] = 'Mozilla/4.';
$var[1] = 'Mozilla/3.0';
$var[2] = 'AvantGo';
$var[3] = 'ProxiNet';
$var[4] = 'Danger hiptop 1.0';
$var[5] = 'DoCoMo/';
$var[6] = 'Google CHTML Proxy/';
$var[7] = 'UP.Browser/';
$var[8] = 'SEMC-Browser/';
$var[9] = 'J-PHONE/';
$var[10] = 'PDXGW/';
$var[11] = 'ASTEL/';
$var[12] = 'Mozilla/1.22';
$var[13] = 'Handspring';
$var[14] = 'Windows CE';
$var[15] = 'PPC';
$var[16] = 'Mozilla/2.0';
$var[17] = 'Blazer/';
$var[18] = 'Palm';
$var[19] = 'WebPro/';
$var[20] = 'EPOC32-WTL/';
$var[21] = 'Tungsten';
$var[22] = 'Netfront/';
$var[23] = 'Mobile Content Viewer/';
$var[24] = 'PDA';
$var[25] = 'MMP/2.0';
$var[26] = 'Embedix/';
$var[27] = 'Qtopia/';
$var[28] = 'Xiino/';
$var[29] = 'BlackBerry';
$var[30] = 'Gecko/20031007';
$var[31] = 'MOT-';
$var[32] = 'UP.Link/';
$var[33] = 'Smartphone';
$var[34] = 'portalmmm/';
$var[35] = 'Nokia';
$var[36] = 'Symbian';
$var[37] = 'AppleWebKit/413';
$var[38] = 'UPG1 UP/';
$var[39] = 'RegKing';
$var[40] = 'STNC-WTL/';
$var[41] = 'J2ME';
$var[42] = 'Opera Mini/';
$var[43] = 'SEC-';
$var[44] = 'ReqwirelessWeb/';
$var[45] = 'AU-MIC/';
$var[46] = 'Sharp';
$var[47] = 'SIE-';
$var[48] = 'SonyEricsson';
$var[49] = 'Elaine/';
$var[50] = 'SAMSUNG-';
$var[51] = 'Panasonic';
$var[52] = 'Siemens';
$var[53] = 'Sony';
$var[54] = 'Verizon';
$var[55] = 'Cingular';
$var[56] = 'Sprint';
$var[57] = 'AT&T;';
$var[58] = 'Nextel';
$var[59] = 'Pocket PC';
$var[60] = 'T-Mobile';    
$var[61] = 'Orange';
$var[62] = 'Casio';
$var[63] = 'HTC';
$var[64] = 'Motorola';
$var[65] = 'Samsung';
$var[66] = 'NEC';

$result = count($var);

for ($i=0;$i<$result;$i++)
{    
    $ausg = stristr($text, $var[$i]);    
    if(strlen($ausg)>0)
    {
        header("location: $mobile");
        exit;
    }
    
}
?>

And then just added this to the .htaccess

Code:

DirectoryIndex default.php index.php index.htm index.html

My question is though "Will this have a negative effect on the Search Engines?"

fearmydesign · **Joined:** Sun Feb 28, 2010 10:54 pm **Posts:** 292

Hi guys, so here's what I did to redirect mobile users to a different CMSMS template, please let me know if this is a good approach, so far it seems to be working.

I just created a Global Content Block with the following code to redirect users;

Code:

{literal}
<script type="text/javascript">
if ( (screen.width < 1024) && (screen.height < 768) ) { 
window.location = 'http://www.website.com/mobile.htm';
}
</script>
{/literal}

...and placed this at the top of my home page template:

Code:

{global_content name='mobilescript'}

Not sure if its the best approach, but seems to be working, please advice. Thx

calguy1000 · **Posted:** Tue Jan 24, 2012 10:19 pm

A simple UDT would do it... something like:

Code:

$browser = cge_utils::get_browser();
if( $browser->isMobile() )
{
   redirect('http://m.website.com');
}

Dr.CSS · **Posted:** Thu Jan 26, 2012 6:37 pm

Why not just use CSS to do this?...

http://multiintech.com/testing.html

it doesn't look so good on the first emulator using the Nokia N70 but the other works ok, of course I'm not done with it...

ifuschini · **Joined:** Wed Feb 08, 2012 5:51 pm **Posts:** 1

Try to use Apache Mobile Filter (http://www.apachemobilefilter.org) for redirect mobile.
AMF is an open source for detect mobile devices, is possible to use with mod_rewrite.
Here is an example:

Code:

#Configuration AMF Filter
#
PerlSetEnv AMFMobileHome /usr/local/AMF
PerlSetEnv AMFProductionMode true
PerlSetEnv ServerMemCached localhost:11211

PerlTransHandler +Apache2::AMFLiteDetecionFilter

RewriteEngine on
RewriteCond %{ENV:AMF_DEVICE_IS_MOBILE} ^true
RewriteRule ^(.*)$ http://m.foo.org [R=301,L]

For more info:

http://wiki.apachemobilefilter.org/inde ... ntegration
http://wiki.apachemobilefilter.org/inde ... MFSwitcher

Redirect Mobile Browsers

Who is online