SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES

FORGOT YOUR PASSWORD?

FORGOT YOUR DETAILS?

AAH, WAIT, I REMEMBER NOW!

The API CompanyThe API Company

  • Home
  • API’s
    • Device detection API
    • IP Location API
  • FAQ
  • Contact
  • Blog
  • My account
SIGN IN
  • No products in cart.
  • Home
  • Blog
  • Device detection
  • API demo: discover your device information
Sunday, 24 March 2019 / Published in Device detection

API demo: discover your device information

Tweet
Pin
Share

To discover device information of your device we created a Javascript tool. The snippet above showes your device properties. More specifically, the demo above is based on a few lines of Javascript code. Based on the characteristics of your device the API finds your corresponding type. The following steps are performed to discover this information:

  1. Important properties of the device are collected. For example: the screen size or CPU information.
  2. This API combines these data and finds the corresponding device. For example: iPhone XS or Samsung Galaxy S9.
  3. The device information is accessible in a JavaScript variable. For example: deviceAPI.deviceName.

The snippet above displays key information. However, there are more device properties available. Specifically, the following information is available:

  • Browser name
  • Browser version
  • OS name
  • The version of the OS
  • The type of device
  • Device brand
  • Device name
  • Screen height
  • Screen width
  • Pixel density / Screen Ratio
  • GPU
  • Touchscreen capabilities

In this tutorial I explain how to implement the device detection API in Javascript!

Use-case of the device detection API

A simple use-case is personalising page content. For example, an iPhone user is sent to a specific page. In contrast, a Samsung user sees a Samsung designed page. Before the page is loaded the device detection API is accessed. Subsequently, the type of device is identified. Finally, a simple if-else javascript code routes the user to the matching page. The image below shows how this could look like.

Device discovering and page personalisation for iPhone and Samsung.

Currently, users need to browse website to find the matching product. However, device detection API eliminates this time-consuming process. A personalised landing-page is presented to the user. On the one hand, it reduces a lot of time for the users on your website. On the other hand, your conversion rates increase for sure. Additionally, the user experience improves dramatically. Consequently, it increases the website and SEO performance. Imagine not having to search for your product anymore! 😀

Conclusion

The device detection API is a JavaScript tool to discover device information. The API needs just one line of JS code to work. However, to implement some more logic on my website I often use GTM. Therefore I wrote a tutorial for the device detection API for GTM. So, ahead and check it here!

Please leave a comment if the information is (in)correct! Because we love feedback 🙂

Tweet
Pin
Share
Tagged under: API, device detection, javascript, js, personalised page content, theapicompany

Recent Posts

  • REST & SOAP API USAGE IN 2020

    This infographic illustrates REST and SOAP API ...
  • What is API: Application programming interface

    What is an API API stands for Application progr...
  • What is an IP address: concept & technology

    IP-address is short for “Internet protoco...
  • What is geolocation: History and use-cases

    A brief history For already thousand of years p...
  • New: Geolocation detection API

    Today we launched a new API for our platform: T...

Archives

  • April 2020
  • March 2020
  • February 2020
  • March 2019
  • February 2019

Categories

  • API
  • AWS
  • browser detection
  • Company information
  • Device detection
  • geolocation
  • IP-address
  • JavaScript
  • new devices
  • User-Agent String
Links
Blog
Device Detection API
IP Location API
Privacy Policy
Information
Contact
About
FAQ
Sitemap

© 2021 - The API Company

TOP