Embed interactive content
Interactive content - embed event visualizations or leaderboards on your pages, directly with iFrames. Dynamic links for specific features.

Unique URL

Each event has a unique URL for the tracking map and for the leaderboard.

iFrame integration

Embed event visualizations or leaderboards on any page or blog. Through an iFrame you show the interactive content on your sites directly. Your visitors don't have to navigate to external pages.
sample with corresponding html-code: https://racemap.com/embed-samples#iframe
1
<iframe src="https://racemap.com/player/100KmDuathlon2018" style="width: 100%; height: 800px"></iframe>
Copied!
width: 100% and height: 800px adjust the size of the tracking map on your site.
Shadow around the map
1
<iframe src="https://racemap.com/player/100KmDuathlon2018" loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 800px"></iframe>
Copied!
Custom color in visualization
Set the hex color code in the URL of the tracking map color=<your_color>.
1
<iframe src="https://racemap.com/player/100KmDuathlon2018#color=000000" loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 800px"></iframe>
Copied!
1
<iframe src="https://racemap.com/timing/virtual-race" loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 800px"></iframe>
Copied!
1
<iframe loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1000px" src="https://racemap.com/monitor/5a535fdf787fe25ece1a0cc8" allowfullscreen="allowfullscreen"></iframe>
Copied!
1
<iframe src="https://racemap.com/upload?key=6G615L" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1150px"></iframe>
Copied!
Key link to enroll key or passcode https://racemap.com/app/redeem_key?key=6G615L
1
<iframe src="https://racemap.com/app/redeem_key?key=6G615L" loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1100px;"></iframe>
Copied!
Selected participants and POIs - tracking map centers around selected participants and points of interest
1
<iframe loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1000px" src="https://racemap.com/player/100KmDuathlon2018#selected=_fvbgsw4wo,61a20ea7e368e52f49592680,61a20ea7e368e56b5a592689,61a20ea7e368e5ef4159283b,61a20ea7e368e5a2cd592832" allowfullscreen="allowfullscreen"></iframe>
Copied!
Filter settings - tracking map with selected filters
sample URL with filter tags age "20" and nationality "German": https://racemap.com/player/gmm21-marathon-racemap_2021-10-10#filter=age:20,nationality:GER
1
<iframe loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1000px" src="https://racemap.com/player/gmm21-marathon-racemap_2021-10-10#filter=age:20,nationality:GER" allowfullscreen="allowfullscreen"></iframe>
Copied!
Specific time of event - tracking map loads at a specific time of the event, time in ISO 8601 format
1
<iframe loading="lazy" allowfullscreen webkitallowfullscreen mozallowfullscreen style="border: none; box-shadow: 0 0 10px rgb(112, 139, 161); width: 100%; height: 1000px" src="https://racemap.com/player/100KmDuathlon2018#time=2018-05-05T09:46:35Z&selected=61a20ea7e368e57a805927bd" allowfullscreen="allowfullscreen"></iframe>
Copied!