After Mobile Redirect - View Full Site link

This site is best viewed in a modern browser with JavaScript enabled.

After Mobile Redirect - View Full Site link

xover15

I have a mobile redirect that works and points to a template mobile site. Now I need to bypass that and have the option to view the "Full Site" through a link on the mobile site. I've read the best way to do this is by setting a cookie, and found a site that gives example files to do this.

http://webservices.usc.edu/blog/development/mobile_detection/

The example works fine on my site, but when i try to integrate this with my joomla index.php it fails and I get multiple errors.

Has anyone successfully done this with joomla or see how this code could be integrated? Or know of a better way to approaching this? Thanks for any help.

tracknut

Can't help with the cookie thing, but an alternative. I pass a parameter "mode" to my main site, and in the main site index.php file, if "mode" is present and = "desktop", I don't do the mobile redirect, and go right to the main site view. If mode="mobile" I jump right to the mobile site without checking, and if mode doesn't exist, I do the redirect check and do whatever it decides. Then on the mobile site, the link to the main site looks like "index.php?mode=desktop"

Dave

xover15

Thanks, sounds like it could work for my setup. Do you have an example page that's using this that I could see the code your talking about? I'd really like not to use cookies if I don't have to just because people maybe not be set to accept them, so this sounds like it would be an even better solution.

tracknut

I don't have a page you can look at, but it's just something like this.

Mobile site:

<a href="http://www.mainsite.com/?mode=desktop">Jump to full site</a>

Main site:

<?php
switch($_GET['mode'])
	{
case 'mobile':
	$mode = "mobile";
	break;
case 'desktop':
	$mode = "desktop";
	break;
default:
	$mode = IsMobile() ? "mobile" : "desktop";
	break;
	}

if ($mode == "mobile")
	{
	header ("Location: http://www.mobilesite.com");
	return;
	}

// rest of main site goes here
?>

xover15

Thanks a lot! I'll try it out and see how it integrates with what I have setup.

xover15

After placing that at the top of my index.php I get the following error from a normal browser.

Fatal error: Call to undefined function: ismobile() in /nfs/c02/h07/mnt/17839/domains/mysite.com/html/index.php on line 11

It seems like it's looking for that "mobile" or "desktop" in the link before it can go to the regular index.php

If I go to http://mysite.com/index.php?mode=desktop it will go to the main page of my site, but then none of the links work...

I'll keep messing with it, but if you see an easy fix let me know. This is out of my league, so I'm just trying to cut and paste what I see from other examples.

thanks

tracknut

"ismobile" is the call to your mobile checker, which you said you already had. You can call it whatever you want, I just happen to call mine ismobile. It needs to return true if the client is mobile.

Just a note... it is quite dangerous to be using code from random sources on the internet without truly knowing what it does. PHP code has the ability to do absolutely anything to your site, and if you're not thoroughly reading through and understanding it, you are placing a fair bit of faith in the source it came from. That includes code from me, by the way.

Dave

xover15

gotcha, thanks for the warning.

Ennasio

tracknut, thanks for the code. I tried it on my mobile site and it works. But I have the same problem as xover15, when you go to main site from mobile site, page links on the main site do not work, it sends you back to the mobile site. Any idea on how to fix that?

tracknut

nailyener;1148737 wrote:
Any idea on how to fix that?

Not without seeing your code...

Dave

Ennasio

Here is the PHP code on my main site's index.php:

<?php
function is_mobile(){
	$regex_match="/(nokia|iphone|android|motorola|^mot\-|softbank|foma|docomo|kddi|up\.browser|up\.link|";
	$regex_match.="htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|";
	$regex_match.="blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam\-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|";	
	$regex_match.="symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte\-|longcos|pantech|gionee|^sie\-|portalmmm|";
	$regex_match.="jig\s browser|hiptop|^ucweb|^benq|haier|^lct|opera\s*mobi|opera\*mini|320x320|240x320|176x220";
	$regex_match.=")/i";		
	return isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE']) or preg_match($regex_match, strtolower($_SERVER['HTTP_USER_AGENT']));
}

switch($_GET['mode'])
    {
case 'mobile':
    $mode = "mobile";
    break;
case 'desktop':
    $mode = "desktop";
    break;
default:
    $mode = is_mobile() ? "mobile" : "desktop";
    break;
    }

if ($mode == "mobile")
    {
    header ("Location: http://mobile.mainsite.com/");
    return;
    }
?>

And I use

<a href="http://www.mainsite.com/?mode=desktop">Full Site</a>

on the mobile site. By the way the extension of my mobile site's pages are .html

tracknut

And what's an example of one of the page links on the main site that inappropriately links you back to the mobile site? Is this code live somewhere we can see it?

Dave

Ennasio

tracknut;1148758 wrote:
And what's an example of one of the page links on the main site that inappropriately links you back to the mobile site? Is this code live somewhere we can see it?

Dave

Surely, the site is neonstring.com and the mobile version is m.neonstring.com. The (main site) pages that don't work properly on mobile device have this parameter "?tasket=...".

Thank you very much for your interest Dave.

tracknut

Can you point me to one of the specific links that fails? I'm clicking away on the links in the main (desktop) site, and haven't been redirected to the mobile site once...

Dave

Ennasio

Are you checking on a mobile device?

neonstring.com works fine as it should on a desktop browser. When you go "neonstring.com" on a mobile device, it redirects to "m.neonstring", that's good. Then, when I click on the "Full Site" link, it redirects to "neonstring.com", that's also good. But, when I click on the "Photos", "Videos", "About Us", etc. links they redirect back to "m.neonstring", that's not good.

tracknut

I just checked on a mobile, and I see what you see. You must be doing this "IsMobile" check on every page for it to do that. I would only do the check on your home page. If you want make the mobile check on every page, you're going to have to save the users preference in a session variable so that once he decides you don't re-check on him all the time.

Dave

Ennasio

I guess you are right, the redirect code was in the index.php, instead of home.php of the main site. I changed it now and it seems to work just fine. No more redirects from main site to mobile once the visitor chooses to go to the main site from mobile site.

I am checking using this tool:

http://code.google.com/p/ibbdemo2/

I don't have a mobile phone with internet at the moment, I cannot check how it works on a real device now.

phatkatdjs

I am new to .php coding - this thread has been very helpful.. but still a tad lost. So I put the code in the index.php & the index.html? or just the php..

second nailener what do you mean the code was in index.php instead of home.php of the main site? do I need to build a page duplicate to the index and call it home..

if you could help a newbie out and expand on what you mean?

Please and thank you..

bucky7285

I am just curious if you have looed into making the home link stay on the full site. On your site the home link will do the detection again and go to the mobile site.

mvanw496

Just discovered the easiest solution:
Do nothing to the main site's index.php. In the mobile site, the code should look like:
<a href="http://www.yourmainsite.com/index.html">View Full Site</a>