Tweet
How to Alert and Redirect users to Mobile App
Here are instructions on how to display an alert on your users phone when they attempt to browse your site from their phones browser.
open up the "header" template and at the very bottom add this code:
then open up "headinclude" template and at the very bottom add this code:
of course replacing Digital Mayhem Mobile with the name of your App and the links with the links of your App Store and Android Market links...
**NOTE** I am trying to find a better file to put the code that loads first because atleast on all of my sites from both iPhone & Android practically the entire site loads before the message is displayed and user redirected.
**Maybe vBulletin will make this a sticky**
***UPDATED July 7, 2012*** With the future release of iOS 6 this Fall you can add "SmartApp Banners" to your site example running on my sites below.
To acquire this on your site just add one simple line of code I added it to the very very top of the headerinclude template
<meta name="apple-itunes-app" content="app-id=XXXXXXXX">
Replace the XXXXXXXXX with your apps actual App ID.
open up the "header" template and at the very bottom add this code:
Code:
<body onload="iPhoneAlert( );">
Code:
<script type="text/javascript">
function iPhoneAlert( )
{
if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) )
{
var qes* *= confirm( "This forum has an iPhone app! Click OK to learn more about Digital Mayhem Mobile for iPhone." );
if ( qes )
window.location* *= "http://dmlinks.us/DMMobile-iOS";
}
else if ( navigator.userAgent.match(/Android/i) )
{
var qes* *= confirm( "This forum has an Android app! Click OK to learn more about Digital Mayhem Mobile for Android." );
if ( qes )
window.location* *= "market://details?id=com.vbulletin.build_113";
}
}
</script>
**NOTE** I am trying to find a better file to put the code that loads first because atleast on all of my sites from both iPhone & Android practically the entire site loads before the message is displayed and user redirected.
**Maybe vBulletin will make this a sticky**
***UPDATED July 7, 2012*** With the future release of iOS 6 this Fall you can add "SmartApp Banners" to your site example running on my sites below.
To acquire this on your site just add one simple line of code I added it to the very very top of the headerinclude template
<meta name="apple-itunes-app" content="app-id=XXXXXXXX">
Replace the XXXXXXXXX with your apps actual App ID.
Comment