Using a Mobile Detection Script

JailHouse · Oct 24, 2014

I have download a mobile detection script which contains PHP code.

I put that in a php file and upload it to my server. Then I visited the page and it shows nothing.

How do I display the name of the phone on my lander using the script?

Should I look for a piece of code or variable within the code that I can copy and paste within my html where I want it to display the phone name?

JH

codejacks · Oct 24, 2014

Here's the wiki for the script what I use normally

Code examples · serbanghita/Mobile-Detect Wiki · GitHub

newlxx · Oct 24, 2014

shreedharcva said:
Here's the wiki for the script what I use normally

Code examples · serbanghita/Mobile-Detect Wiki · GitHub

Does this detect the handset of the user?

captain47 · Oct 24, 2014

JailHouse said:
I have download a mobile detection script which contains PHP code.

I put that in a php file and upload it to my server. Then I visited the page and it shows nothing.

How do I display the name of the phone on my lander using the script?

Should I look for a piece of code or variable within the code that I can copy and paste within my html where I want it to display the phone name?

JH

Cant say anything unless you show us the code.

JailHouse · Oct 24, 2014

shreedharcva said:
Here's the wiki for the script what I use normally

Code examples · serbanghita/Mobile-Detect Wiki · GitHub

I did download the full script from there but its all php code and I dont know how to display the handset name using that code.

I've attached the file with the php code here.

Can you tell me what I can write in my html page which will display the handset name?

Appreciate the help,

JH

dancys · Oct 24, 2014

Do you already did what it show in example demo?
Mobile-Detect/demo.php at master · serbanghita/Mobile-Detect · GitHub
I think this is the important part :

<php
require_once '../Mobile_Detect.php'; > your script file location
$detect = new Mobile_Detect;
$deviceType = ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'phone') : 'computer');
$scriptVersion = $detect->getScriptVersion();
?>

cmiiw

codejacks · Oct 24, 2014

Ok I thought you are going to use php, sorry for confusion.
From you post it seems you want html only (Javascript based) solution.
For that you can use the below

<script type='text/javascript' src="//wurfl.io/wurfl.js"></script>

This will return a JSON object that looks like:

{
"complete_device_name":"Google Nexus 7",
"is_mobile":true,
"form_factor":"Tablet"
}
now get the modelname like

modelName = WURFL.complete_device_name

JailHouse · Oct 25, 2014

I can use php.

Thanks for this. I got it now.

Next problem is that I cant use <?php echo $detecttype ?> anywhere on my page because building my page in Adobe Muse, it turns the text into an image.

Do you know how I can get out of that?

Can I use some other tool to build my lander?

I would like to use the Bootstrap thing that was suggested but just need something barebones and simple.

JH

cashmoneyaffiliate · Oct 25, 2014

Just select a web safe font in MUSE and that should prevent the text turning in to images.

JailHouse · Oct 25, 2014

cashmoneyaffiliate said:
Just select a web safe font in MUSE and that should prevent the text turning in to images.

Excellent, thanks for that. That's the solution I needed.

Now, I'm using the mobile_detect.php script and the output is something like this:

Your phone/computer is "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:32.0) Gecko/20100101 Firefox/32.0".

I just want it to say "Your phone is a Samsung Galaxy Note II"

Does anyone know what to edit in mobile_detect.php to have it say just that much?

JH

JailHouse · Oct 25, 2014

shreedharcva said:
Ok I thought you are going to use php, sorry for confusion.
From you post it seems you want html only (Javascript based) solution.
For that you can use the below

<script type='text/javascript' src="//wurfl.io/wurfl.js"></script>

This will return a JSON object that looks like:

{
"complete_device_name":"Google Nexus 7",
"is_mobile":true,
"form_factor":"Tablet"
}
now get the modelname like

modelName = WURFL.complete_device_name

Can you explain how I would echo the output?

I pasted the script tag in the <head> part of my site and then after that, I'm lost.

Can you help?

JH

codejacks · Oct 25, 2014

Better you outsource your requirements on odesk or elance.

JailHouse · Oct 26, 2014

I still need to learn it so I can do this again and again.

codejacks · Oct 26, 2014

Take this,

1. Download the wurfl.js into a folder . (consider a folder 'js' inside the folder where your main index.html resides).
2. Write the code in your index.html like below

<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type='text/javascript' src="js/wurfl.js">
</script>
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
console.log(WURFL);
document.write(WURFL.form_factor);
</script>
</body>
</html>

----NOTE : console.log is just optional. You will get the device type/model in WURFL.form_factor variable.

Assuming you know javascript.

JailHouse · Oct 26, 2014

Thanks for that. I understand all of this.

But I dont know javascript. How can I echo the device model in my web text. Do you have the code for that?

Really appreciate the help,

JH

codejacks · Oct 26, 2014

document.write(WURFL.form_factor);

Did you even notice the line above in my code??

If you want to learn, then first step in learning is keen observation to details.

JailHouse · Oct 26, 2014

Great, that seems to work, but the problem now is that it always outputs "Desktop" even when I access my page from a iPhone.

It should output iPhone.

Could it be the lack of info inside the wurfl.js file?

JH

MxyzptlkFishStix · Oct 27, 2014

Just pass the device/model token data and echo it on your landing page.

How to display a Voluum parameter on lander – Customer Feedback & Support

JailHouse · Oct 28, 2014

mxyzptlkfishstiks said:
Just pass the device/model token data and echo it on your landing page.

How to display a Voluum parameter on lander – Customer Feedback & Support

yeah thanks, I just came across this yesterday but have already started to use handsetdetection.com which simplifies it somewhat.

JH

The Most Active and Friendliest Affiliate Marketing Community Online!

Using a Mobile Detection Script

Member

Active Member

Well-Known Member

Well-Known Member

Member

Attachments

New Member

Active Member

Member

Well-Known Member

Member

Member

Active Member

Member

Active Member

Member

Active Member

Member

Well-Known Member

Member

Similar threads

The Most Active and Friendliest
Affiliate Marketing Community Online!