Using Location for Personalisation - Kraken Data

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.

The Country Flag

US Flag

The City, Region and Country

Virginia Beach, Virginia, US

The Latitude and Longitude

Latitude is 36.8512°N and Longitude is -76.1692°E

The ISP/Organisation

AS14618 Amazon.com, Inc.

How they got to the page (Referrer)

You came to this page directly

The User Agent

CCBot/2.0 (https://commoncrawl.org/faq/)

And the IP address

3.231.228.109 (The IP address can be affected by such issues as proxies etc.)

Temperature and Conditions with Images
16.81°c broken clouds

openweather image

Wind Speed and Direction

3.6 m/s North West

Humidity

93 hpa

Sunrise and Sunset

Today the sun rises at 22:19:17 AEDT and then sets at 09:18:28 AEDT.

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.

Where am I?

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