Device Identification

Device Identification

Device Identification and recognition is an important part of the Chameleon engine, in that it allows website owners to be more specific, more creative and more targeted in their online marketing.

For instance, we can tell you’re using a computer at the moment, not an iPhone, Android Tablet or Smart TV.  However, if you were to view this page from one of these devices for example, this message would change.

For instance, Chameleon can help you to make your message stand out on Android mobiles like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on BlackBerry mobiles like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on PlayBooks like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on Touchscreens like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on Google TVs like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on iPads like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on iPads like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on iPhones, like you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on Smart TVs like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on smaller Android tablets like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on higher resolution tablets like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on the Nintendo Wii like the one you’re using at the moment.

For instance, Chameleon can help you to make your message stand out on Windows mobiles like the one you’re using at the moment.

 editor-showhide-example

The image above shows the editor view, displaying the marked messages intended for different platforms.  This illustration is from WordPress using the TinyMCE Advanced editor, but similar styling can be applied to a wide range of editors including Dreamweaver.

 
iphone-specific-message

So if you were to view this same page from an iPhone, the message would change as shown in the image.

This technique allows better engagement with different device users by acknowledging the choice they’ve made. Furthermore it can be used to great effect to replace content that won’t work on a given platform (eg Flash on Apple products) with a suitable alternative, without having to make a unilateral decision to remove Flash altogether.

Another example is where data is presented in tables, you can use the Chameleon scrolling area code to display a table that is wider than the screen of a handheld, without the rest of the page moving from side to side.