Digital Agencies

Leading digital agencies need to keep up to date with the latest trends and tool sets to ensure your clients get the best results can be a challenge when you are busy managing the day to day demand from clients.

Using 51Degrees you can adapt online content to maximise the potential of online conversions and steer the end user purchase path.

Plugin us into yours and your clients’ web platforms and see a more granular level of detail about the devices used for clients site.

CMS

51Degrees provides the fastest and most accurate device information, including 217 device properties such as retail price, vendor, device age, screen size and more to allow more granular analytics and better content optimisation

APIs

Property Dictionary

Browse the full list of properties available in 51Degrees device detection solutions. Find out what values are supported in the Lite, Premium and Enterprise data sets, including full descriptions and advice on how they can be used.

Blog

Website Optimisation for Apple devices - iPad and iPhone

Device Detection is among the best techniques available to optimise web sites for multi-screen. The power of the web server and the web browser are both utilised to deliver the most appropriate processes and screen layout for each device category. Most vendors recognise the importance of supporting this distinction between devices. Information about the model of the device is normally embedded into the data sent to websites (e.g. http headers). However, Apple do not fully support this approach for iPhones and iPads.

Since then Apple have released several new iPhone models from the 6s to the new XS Max and XR. They have also released multiple new iPad models from the iPad 5 through to the new iPad Pros, including the new 11.0, and 12.9. Identifying these mobile devices can be challenging.

Because we endeavour to support companies and hobbyists with our unique open source approach, we are sharing the JavaScript code that will enable you to set up a ‘do it yourself’ internal solution. We would, of course, encourage you to consider saving yourself the time and effort required to maintain a device specification database. Wouldn’t it be easier to simply receive regular automated updates that you can plug into your existing analytics? The choice is yours!

How are you currently detecting iPhones or iPads?

Are you using a client-side JavaScript override or 51Degrees Device Detection solution?

If not, you will only get a result that states the device is either a mobile or desktop, or an iPhone or a Samsung as an example. But you will not get any more granular details such as screen size, OS or browser, for the device identified.

JavaScript code for detecting iPhones and iPads

Our preferred method to detect different Apple devices is to use the WEBGL_debug_renderer_info extension. The JavaScript code snippet shared below can run on clients browser, requires no external calls to any 3rd party sites. If you use 51Degrees solution it can be run server-side, allowing you the fastest detection possible.

The WEBGL_debug_renderer_info extension is part of the WebGL API and exposes two constants for debugging purposes, which are 1. vendor of the GPU and 2. the renderer name.

Depending on the privacy settings of the browser, this extension might only be available to privileged contexts. We have observed that it returns a result in approximately 90% of cases. Of course, this method is only possible as long as Apple don’t block this information in the future.

All code and methods shared in our blogs are only relevant as long as Apple do not block the information that can be accessed.

Try it for yourself, or simply jump straight to evaluating our enhanced Data file by starting a free trial today. You can also see an example of the data we can obtain by using any Apple device to test your device.