Add-On Releases - Mobile Phone / iPhone / PDA Detection and Style Assignment

This add-on will detect most mobile phones, iPhones, PDAs and other mobile browsing devices and automatically for the user to a specific vBulletin style.

Release Information
1.0.1 Initial release for 3.8 ported over from 3.7 version

THIS IS IDENTICAL CODE TO THE 3.7 RELEASE!

I only re-released as soooo many people ask the question "is this OK for 3.8" You do not need to upgrade if you already have installed! However - should there be any changes in the future, it will likely happen here.

What can it do?
Detects most mobile phones and force the user to a specific style (users will not be able to select other styles from a mobile device with this add-on installed). If you have multiple styles installed which are optimized for small screen mobile devices, iPhones, WIndows Mobile devices you can assign a specific style to each of these groups.

Whilst designed with mobile device users in mind, you could also assign styles to self defined browsers. For example you can assign an alternative style to Internet Explorer users whilst Firefox users get the default style. You could also assign an alternative style to Google or Yahoo spiders.

Instructions:
0. Install styles which you wish to assign to Mobile/PDA/iPhone users - some links will appear at the bottom of this post
1. Download the product file
2. Install via Product Manager
3. Configure options via vBulletin Options, Mobile Device Detection (should appear at end)
4. Start browsing from your mobile device!
5. Click "Mark as Installed"

If upgrading from a previous 3.5 or 3.6 version, you will need to uninstall that and the install this one.

To uninstall simply uninstall the product - there are no database changes or additional files.

Styles released on vBulletin which you can use:
Dartho's Mobile, Cell, Phone, PDA, iPhone Style for vBulletin 3.7 (<-- yep, that's mine)
ElForro's iPhone / iPod Touch Optimized Style
Zachery's vB Lite Style
vBMechanics Mobile Alabama Style

Due to the stripped down nature of these mobile styles, you will find that most for 3.5 and 3.6 will work quite happily on 3.5, 3.6, 3.7 & 3.8 although additional features introduced in vBulletin in recent years such as Social Groups, Blogs and Photo Galleries will not show well on a small screen. All should display your actual forums well.

[dartho]

Adding google as a custom user agent string is done via the "Custom User Agent String" section in AdminCP - I just added "google" You could add as many spiders as you want assuming they have unique usert-agent strings, but you'd have to do this manually

Some might suggest that the mobile style is more SEO friendly as it has little markup and lots of content - but I have no real knowledge in this area, and did not design it for such.

As for showing text in links - I assume you mean alt or title tags. I don;t know how google treats these, but it wouldn't take much to add them in to this style if one was keen.

[Simon Lloyd]

Originally Posted by dartho

Adding google as a custom user agent string is done via the "Custom User Agent String" section in AdminCP - I just added "google" You could add as many spiders as you want assuming they have unique usert-agent strings, but you'd have to do this manually

Some might suggest that the mobile style is more SEO friendly as it has little markup and lots of content - but I have no real knowledge in this area, and did not design it for such.

As for showing text in links - I assume you mean alt or title tags. I don;t know how google treats these, but it wouldn't take much to add them in to this style if one was keen.

Thanks for that, and i will look at how to get the mod to reference the spiders.xml for the future.

I found the issue though, it was the header_includes template all that was there was the link to the wireless.css it was missing the site keywords and description, i added those, turned it back on and all is well in the search engines

Thanks for your time dartho!

[AURFSCAN]

seems to be working on 4.01 just nice....thx

[madbatty1]

Someone may know why the iPad is not handeled like the iPhone via this plugin?

or I better say ... how to get rid of that problem^^

[AURFSCAN]

Originally Posted by madbatty1

Someone may know why the iPad is not handeled like the iPhone via this plugin?

or I better say ... how to get rid of that problem^^

try adding the iPad to the list of user agents in the plugin (plugin manager)
- Edit: Plugin Detect Mobile Device and Assign Style

-Scroll down about half way, you'll see what I mean.

if ($vbulletin->options['mob_detect_enabled'] == 1)
  {
  $mobile=0;
  $pda=0;
  $ipod=0;
  $except_browser=0;
  $custom1=0;

  if ($vbulletin->options['brows_exceptions_enabled'] == 1)
  {
  $exceptbrowsers = explode(",",$vbulletin->options['brows_exceptions']);
  if(preg_match('/('.implode('|', $exceptbrowsers).')/i', $_SERVER['HTTP_USER_AGENT'], $match))
    {
        $except_browser=1;
    }
  }



  if ($except_browser==0)
  {
    if ($vbulletin->options['custom1_skin_enabled'] == 1)
    {
    $custom1agents = explode(",",$vbulletin->options['custom1_skin_agent']);
    if(preg_match('/('.implode('|', $custom1agents).')/i', $_SERVER['HTTP_USER_AGENT'], $match))
      {
          $custom1=1;
      }
    }

    if ($vbulletin->options['pda_skin_enabled'] == 1 && $custom1==0) 
    {
      $pdabrowsers = array(
          "Windows CE"
          );
    if(preg_match('/('.implode('|', $pdabrowsers).')/i', $_SERVER['HTTP_USER_AGENT'], $match))
      {
        $pda=1;
      }
      else if (isset($_SERVER['HTTP_UA_OS']))
      {
      if (strstr($_SERVER['HTTP_UA_OS'],"POCKET PC") !== false)
        {
	  $pda=1;
        }
      }
    }

    if ($vbulletin->options['ipod_skin_enabled'] == 1 && $custom1==0) 
    {
      $ipodbrowsers = array(
          "iPod",
          "iPhone"
          );
      if(preg_match('/('.implode('|', $ipodbrowsers).')/i', $_SERVER['HTTP_USER_AGENT'], $match))
      {
        $ipod=1;
      }
    }


    if ($pda == 0 && $ipod ==0 && $custom1==0)
    {
      if ($vbulletin->options['mobile_skin_enabled'] == 1) 
      {
      $mobilebrowsers = array(
        "WebTV",
        "AvantGo",
        "Blazer",
        "PalmOS",
        "lynx",
        "Go.Web",
        "Elaine",
        "ProxiNet",
        "ChaiFarer",
        "Digital Paths",
        "UP.Browser",
        "Mazingo",
        "iPhone",
        "iPod",
        "iPad",
        "Mobile",
        "T68",
        "Syncalot",
        "Danger",
        "Symbian",
        "Symbian OS",
        "SymbianOS",
        "Maemo",
        "Nokia",
        "Xiino",
        "AU-MIC",
        "EPOC",
        "Wireless",
        "Handheld",
        "Smartphone",
        "SAMSUNG",
        "J2ME",
        "MIDP",
        "MIDP-2.0",
        "320x240",
        "240x320",
        "Blackberry8700",
        "Blackberry",
        "Opera Mini",
        "NetFront",
        "BlackBerry",
        "Minimo",
        "Android",
        "Droid ",
        "MSIEMobile",
        "IEMobile",
        "PSP"
        );
 
        if(preg_match('/('.implode('|', $mobilebrowsers).')/i', $_SERVER['HTTP_USER_AGENT'], $match))
        {
          $mobile=1;
        }
        elseif (strpos($_SERVER['HTTP_ACCEPT'], 'application/vnd.wap.xhtml+xml'))
        {
          $mobile=1;
        }
        elseif (strpos($_SERVER['HTTP_ACCEPT'], 'text/vnd.wap.wml'))
        {
          $mobile=1;
        }
      }
    }
  }



  if ($mobile==1)
  {
    //      echo "<!-- Mobile Device -->";
    $styleid=$vbulletin->options['mobile_skin'];
  }
  else if ($pda==1)
  {
    //      echo "<!-- PDA Device -->";
    $styleid=$vbulletin->options['pda_skin'];
  }
  else if ($ipod==1)
  {
    //      echo "<!-- IPOD Device -->";
    $styleid=$vbulletin->options['ipod_skin'];
  }
  else if ($custom1==1)
  {
    //      echo "<!-- CUSTOM1 Device -->";
    $styleid=$vbulletin->options['custom1_skin'];
  }
  else if ($except_browser==1)
  {
    //      echo "<!-- Excepted Device -->";
  }
  
  else
  {
    //      echo "<!-- No Mobile Device-->";
  }
}

[dartho]

That would detect as a mobile, but not as an iPhone type device. I would have thought people would want the iPad as an exception so it gets the full style? - but to be treated like iphones etc, you should change the following in the plugin.

from

      $ipodbrowsers = array(
          "iPod",
          "iPhone"
          );

to

      $ipodbrowsers = array(
          "iPod",
          "iPad",
          "iPhone"
          );

[Megatr0n]

Originally Posted by dartho

That would detect as a mobile, but not as an iPhone type device. I would have thought people would want the iPad as an exception so it gets the full style? - but to be treated like iphones etc, you should change the following in the plugin.

from

      $ipodbrowsers = array(
          "iPod",
          "iPhone"
          );

to

      $ipodbrowsers = array(
          "iPod",
          "iPad",
          "iPhone"
          );

dartho, what code changes are there between this and the 3.7 version even if it's small?

[dartho]

just a version number if my memory serves me right?

[AURFSCAN]

thx for clearing up the ipad thing dartho

[AURFSCAN]

I have a question dartho. How do I make it that guests see the mobile skin. ATM if your not logged in and view the forum via mobile you see it as full view. Log in you get mobile view.

How to enable forcing of mobile skin to guests viewing via mobile?

thx