Create Automated Graphics Powered by Data.
Create compelling, dynamic graphics with data powered by Sportradar to elevate the fan experience. Live sporting data displayed within a graphic is changing in real-time and may become stale within minutes. Connecting your graphics to Sportradar brings real-time relevant content to your graphics, saving time and resources dedicated to producing live and up-to-date content.
Questions? Visit our FAQs.
Please visit the frequently asked questions prior to contacting your CSM or Support for assistance.
Before Getting Started
You will need to have access to Sportradar with Tagboard. Click here to begin that process.
Contact your CSM if you feel you should already have access, but don't.
If you have access to data and aren't looking to use headshots or logos, then skip ahead here to learn how to create content with data. Continue reading if you'd like to use images [headshots and logos].
If you have Sportradar API Keys, they will need to be added to the Team Owner's Tagboard account [via "Settings" then "Integrations"]. Need help identifying your Team Owner? See here. ALL Team Members will inherit the Sportradar connections once set up by the Team Owner.
The Team Owner will need to follow Steps 1 - 3, below, to connect images before getting started.
Step 1
From the Team Owner account, go to
- Account Settings
- Click "Integrations"
- Followed by selecting "Manage" on the Sportradar row
Step 2
Click “+ New API Key”. A popup [visual below] will appear where you will select the Sportradar API Key type you want to add the key for. There are two types of API Keys for each sport/league for Sportradar:
- Team Logos
- Player Headshots
Note:
Images are not required to get Sportsradar data into your Graphics.
Step 3
Enter the API Key from your Sportradar account.
Adding Sportradar Content in Graphics
Step 1
Navigate to the Graphics Workspace. From here, there are two options:
- Open an existing graphic
- Select "+ Create New", which will pop open a modal for you to choose one of several ways to create a graphic [see a - d, immediately below]
-
- Create a new graphic from scratch
- Create a new graphic via Photoshop upload
- Create a new graphic via copying an existing graphic
- Create a new graphic via a template
Step 2
After choosing your graphic type, select "Advanced Elements’" on the left sidebar of your Graphic Builder. Once selected, a menu will pop out where you will click on "Sportradar" to add the data connector.
Step 3
You will then get a prompt to select the sport you want data for. Then select the type of data you want to display.
- Player Profile: Display statistics for a player
- Team Profile: Display statistics for a team
Step 4
Search for and select the data/stats you want to display.
Note:
The data is defaulted to the most recent season [and game, if applicable] as well as alphabetically by team and player’s first name. This data is just a preview and will act as a placeholder in the canvas. You can cycle through as well as replace, remove, and/or add data from the canvas at any time... see Step 5 below.
Step 5
Position each layer of data within your graphic.
Note:
Once you’ve selected a layer you will see a sidebar appear on the right side of the builder. Here is where you can make adjustments [text size, color, and/or alignment as well as other options] for each layer.
Additional Resources
Replace Stats
In case you change your mind on what stats you’ve selected, and want a change, you can select different stats to display. Simply choose an existing data layer and remap.
Add More Stats, Headshots, and/or Team Logos
Realizing you’d like to include more stats, headshots, and/or a team logo? You can add these to your graphic by clicking the “+” symbol next to the Sportradar layer on the left sidebar. Then you will be able to select “text” or “image” [team logo or player headshots].
When choosing “text” you can choose whether or not to include the text description. See below for the process to follow. Once the additional stats are added, you will need to format the new text and values to match your styles.
Note:
There are more types of data to link… team hex colors to backgrounds/text, headshots with borders, and more. See Appendix A for more information.
Going Live
Now that you’ve (1) connected Sportradar data into your graphic and (2) customized the design and layout, it’s time to display them on screen. Once this graphic has been saved it will appear in your Asset Library in any production in Producer. You can drag and drop that content into your playlist and display it on your output.
You can change the season, team, player, and game within a production. While in Producer, select the graphic in your Playlist. Then select “Sportradar” and you will see the options to make the changes you need.
The stats within a graphic can also be changed within Producer!
Appendix A
Connecting Additional Data Values
You can connect data from Sportradar with text and shape elements. As long as these elements are dragged and dropped into the Sportradar group, they can have data applied to them.
Text and/or shape colors can change when changing the team referenced. This can be for backgrounds, title bars, and more.
Headshots can even be placed into shapes to allow for better cropping.
Note:
Select multiple layers at once by holding Shift. When multiple layers are selected you can choose different alignment options. In this case, centering the headshot on the background.
❓ Frequently Asked Questions ❓
Do I need Sportradar API Keys? How do I get them if I don’t have any?
You do not need Sportradar API Keys to utilize Sportradar data in Graphics. The access to data can be purchased through Tagboard. Contact your CSM for more information. Once purchased, we will turn on access to the appropriate leagues/sports in your account.
For access to use Sportradar images [headshots and team logos], you will need Sportradar API Keys! Contact Sportradar to discuss your options.
What leagues/sports does Tagboard support?
Tagboard currently supports data, headshots, and team logos with the following:
- NBA
- NFL
- NHL
- NCAAF (College Football)
How do I connect my Sportradar account to use the team logos and/or player headshots?
The process for connecting Sportradar API Keys for the use of team logos and/or player headshots is above. This needs to be completed by the Tagboard Team Owner.
What data is available?
Statistics from the preseason, regular season, in-season tournament, and postseason games are available. See the data map within the data [/statistics] selector for more specific stats available [they vary by league/sport and the list is too exhaustive to include].
How often is the data updated?
To see how often Sportradar data is updated, please refer to their documentation. Once the data is updated from Sportradar, Tagboard updates the data in near real-time.
Do you have the free agents data available?
Currently, Tagboard does not support free agents.
Why don’t I see the team logo or headshot for the player?
You need Sportradar API Keys for player headshots and team logos.
- If you have keys, follow the process of adding access to them in your Tagboard account here.
- Contact Sportradar for additional information if you do not have keys.
What timezone is the data in? How do you calculate efficiency? What do some of these acronyms mean?
For additional information, please check out Sportradar’s documentation here.