Peter will talk about a GTM server-side custom client template he made for fetching current weather conditions from a licensed OpenWeather API, which makes data available for both client- and server-side. The template will be freely available for everyone who would like to look further into it.

1. © 2021 Jellyfish Digital Group Limited Confidential & Proprietary
GTM Client Fetching
Weather Conditions From
An OpenWeather API
MeasureCamp Europe
July 2021

2. —
༼ つ ◕_◕ ༽つ | Helping data find its way
Peter Meyer
Data & Analytics Director

3. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
2000+ Digital Experts
40 International Offices
£650m Managed Media
Google’s #1 Global Partner
Jellyfish
One
Singapore
Singapore
India
Mumbai
Israel
Tel Aviv
United
Kingdom
London
Reigate
Brighton
Warrington
Manchester
South Africa
Johannesburg
Durban
USA
New York
San Francisco
Los Angeles
Boston
Baltimore
Chicago
Denver
Spain
Barcelona
Madrid
Netherlands
Amsterdam
Denmark
Copenhagen
United
Arab
Emirates
Dubai
South Korea
Seoul
Japan
Tokyo
Australia
Melbourne
Sydney
Hong Kong
Hong Kong
France
Paris
Lille
Germany
Berlin
Italy
Milan
Brazil
São Paulo
Mexico
Mexico City
Colombia
Bogotá

4. GTM Client Fetching Weather Conditions From An OpenWeather API
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
01 Tracking weather data
02 The chosen approach
03 Custom Client Template
04 Custom HTML Tag
05 Data output
06 Thank you!
Agenda

5. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
Weather data is as a great addition to web analytics implementations
on a lot of different types of websites.
● Are trips to warm countries bought when it’s raining?
● Are booked stays mostly cancelled in nice weather?
● In which weather conditions do we sell the most beachwear?
● Are more articles read when the weather is bad?
An article by Simo Ahava from September 19th, 2013
https://www.simoahava.com/web-development/universal-analytics-w
eather-custom-dimension/
Tracking weather data

6. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
Tracking weather data
Analytics
Segmentation
Optimization
Personalization
Weather
Data

7. —
Your license key is visible for all to see
Using a licensed service in
client-side GTM :-/

8. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
The chosen approach
The orange arrow indicates a client-side GTM request to the GTM server-side Client.
And the two green arrows indicate the weather data being sent as a response to both client- and server-side GTM.

9. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
The OpenWeather “Current weather data” API.
● Generous free license tier
● Easy to use API’s
● Great functionality
● Good documentation
https://openweathermap.org/current
https://openweathermap.org/price
Which Weather Service To Use?

10. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
The Client Template - Input Fields
Request Header named
“X-Appengine-City”
(Google App Engine)
Request Header named
“X-Appengine-Country”
Google App Engine)

11. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
The Client Template - Sending requests
The Client answers HTTP requests to the following URL.
https://[YOUR SERVER-SIDE GTM HOSTNAME]/weather
tms.yourdomain.com
tracking.yourdomain.net
...
The URL path this Client
answers requests to.

12. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
GTM Custom HTML Tag - An example

13. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
Yes, you can!
You just need to add parameters to the request URL.
All you need to do, is change the URL from this:
To something like this:
Can I define City and/or Country when sending a request to
the GTM Server-side Client?
https://tms.test.com/weather
https://tms.test.com/weather?city=ålborg&country=denmark

14. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
The GTM Client-Side Data Layer output
Time in Unix UTC format
This example is shown in “Celcius / Metric” units.
But “Fahrenheit / Imperial” and “Kelvin / Metric” are
also available as options in the Client.

15. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
The GTM Server-Side Event Data output
Almost all available values are included in
the Event Data as separate parameters.
It just didn’t fit on this slide ;-)

16. .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
. GTM Client Fetching Weather Conditions From An OpenWeather API
Where to get the Client template?
Blog post
https://pmeyer.dk/google-tag-manager/cur
rent-weather-openweather-client/
GitHub repository
https://github.com/gtm-templates-pmeyer
dk/current-weather-openweather-client

17. © 2021 Jellyfish Digital Group Limited Confidential & Proprietary
T R A I N I N G
Professional digital classroom and
online training courses
Thanks
N E W S & I N S I G H T S
All the latest news, opinions and
reactions from Jellyfish
L E A D E R S H I P
Inspiration, imagination and insight
from industry leaders
Peter Meyer
Data & Analytics Director
peter.meyer@jellyfish.com
Blog: https://pmeyer.dk
Twitter: https://twitter.com/pmeyerdk
Learn more Learn more Learn more