Simple 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

Beaumont, Texas, US

The Latitude and Longitude

Latitude is 30.0866°N and Longitude is -94.1274°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

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

IP ADDRESS BASED WEATHER DATA

The IP address can then also be used to present local weather conditions. This can offer a myriad of optimisation and personalisation possibilities (hot days, selling fans etc.) . See below for a simple customisation based on the temperature.

Temperature and Conditions with Images

8.14°c clear sky

Wind Speed and Direction

1.27 m/s East

Humidity

93 hpa

Sunrise and Sunset

-

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

KICKSTART YOUR CUSTOMER EXPERIENCE TESTING

So we can look to start to test different experiences even to new visitors, incorporating elements such as imagery, video, weather and product offerings.

Talk to the Kraken Data team to see how we can help you with your optimisation and personalisation journey.

Contact the Kraken Data Team