Examples of customised elements based on IP Address/Geolocation
For first time visitors, even for returning visitors – it can be hard to offer any sort of personalisation or customisation.
Once they have created accounts and have engaged with your website you can start to identify segments of interest based on previous behaviours. But even for first time visitors there are a number of insights that can be used to provide areas for exploration and testing.
IP ADDRESS BASED LOCATION DATA
Depending on the available IP address data, you can get quite accurate location data for your visitor, in this example we are using data from ipinfo.io.
(We are using the free account which is limited to 1,000 calls per day, the page will not show correct IP address data after that)
Based on this we can offer some simple personalisation logic to display imagery such as a map from Google displaying a marker for the location, or a country flag.
HTML5 GEOLOCATION BASED LOCATION DATA
For more accurate location we can use HTML5 Geolocation, but this is reliant on the visitor allowing you to access their location details.
DETAILED VISITOR TECHNICAL DATA
Finally, a whole range of data is available that details such things as the visitors audio and video capabilities and the available screen width and height. These all allow for customising the user experience to each individual user.
SCREEN
screenWidth | |
screenHeight | |
windowWidth | |
windowHeight | |
resolution |
DEVICE
os | |
touch | |
phone | |
tablet | |
desktop | |
orientation.portrait | |
orientation.landscape |
BROWSER
type | |
version | |
fullVersion | |
string | |
chrome | |
safari | |
opera | |
firefox | |
ie | |
kindle | |
other | |
mobile |
CAPABILITIES
canvas | |
webGL | |
rAF | |
cssTransform | |
mediaQueries | |
getUserMedia | |
audio tag | |
audio API | |
audioFormats.mp3 | |
audioFormats.mp4 | |
audioFormats.wav | |
audioFormats.ogg | |
web audio API | |
video tag | |
videoFormats.mp4 | |
videoFormats.webm | |
videoFormats.ogg |