A guide to establishing the most suitable configuration aligned with the bookmaker's corporate identity and sports betting support requirements.
Description
Normal - A full-width header that allows clients to display their logo. This header layout is especially useful for clients who use a direct link (opening StatsHub in a new window or tab), as the logo provides a seamless connection between both pages.
Technical Note
Visual example
Description
Compact – A full-width header without a logo area. This layout is particularly useful for clients who embed the StatsHub solution in an iframe or enable it to open it in a pop-up window. Users can access sports statistics either directly through the sport icons in the page header or by clicking the »All Sports« menu, which displays all supported sports.
Technical Note
Configurable Options (adjustable from default):
Visual example
Description
Super Compact – The most compact version of the menu without the logo area and without sports icons. This layout is useful for clients who embed the StatsHub solution in an iframe or enable it to open it in a pop-up window. Users can access sports statistics through the compact "All Sports" menu, and all navigation—including settings and access to the Favorites area—is consolidated into a single compact section.
Technical Note
Configurable Options (adjustable from default):
Visual example
Description
When the normal header is used (as opposed to the compact or super compact versions, which do not display the logo), the logo is shown. The logo URL can be linked to StatsHub home or any other specified URL.
Technical Note
Configurable Options (adjustable from default):
Description
By default, the StatsHub page grid does not include a footer. However, clients have the option to enable it as needed. The footer is fully customizable and can feature elements such as text, hyperlinks, and logos, providing flexibility for tailored branding and informational content.
Technical Note
Configurable Options (adjustable from default):
Visual example
Description
In desktop view, the page layout is divided into two-thirds main content and one-third sidebar, which contains the match radar and various additional information. The page is fully adaptive—resizing dynamically. Once the layout reaches the defined breakpoint, the right sidebar content is moved to the main content area with full page width (mobile size) and match radar collapses into a mobile-friendly icon view, ensuring all data remains accessible without any loss of functionality.
Technical Note
Description
The full width content and Compact Match Radar is designed for clients who want to make the most of the full page width for their main content. In this mode, the sidebar (right column) is removed, and its content is seamlessly integrated into the main area. The Match Radar itself appears as a floating icon, keeping the interface uncluttered. With a single click, users can access the Match Radar information - ensuring complete functionality without taking up valuable screen space.
Technical Note
Configurable Options (adjustable from default):
Visual example
Description
Quickstats provide easy access to basic match statistics without requiring users to navigate the full statistics portal. Clients can choose to disable Quickstats entirely or hide specific elements within them.
Technical Note
Configurable Options (adjustable from default):
Visual example
Description
Match Radar allows users to keep track of pinned matches and favorite leagues, ensuring they never miss an event. It provides reminders for key match moments, keeping users informed of important updates. Match Radar is available across all pages, so notifications are always visible—no matter where you are.
Technical Note
Configurable options (adjustable from default):
Visual example
Description
Users can save specific matches by pinning them (via the pin icon available on each match). If they want to follow an entire league and receive updates when matches begin, they can favourite the league. All pinned matches and favourited leagues appear in both the Match Radar and the Favourites page. The Favourites page serves as a central hub where users can easily access all their pinned matches and favourited leagues in one place.
Technical Note
Configurable options (adjustable from default):
Visual example
Description
Users can save specific matches by pinning them (using the pin icon available on each match) so they can access them later without searching. When a match is pinned, users can also set reminders. These reminders can be as simple as a notification when the match starts, or more advanced options such as betting-related alerts (e.g., "Goals over X.5"). Pinned matches are displayed in both the Match Radar and the Favourites page. Reminders are delivered as notification pop-ups. Users can mute them at any time from the settings menu.
Technical Note
Configurable options (adjustable from default):
Visual example
Description
When users want to follow desired league and receive notifications when its matches begin, they can favourite the league by selecting the star icon next to the league name. All favourited leagues appear in both the Match Radar and the Favourites page:
Technical Note
Configurable options (adjustable from default):
Visual example
Description
Match lists give users a complete overview of past, live, and upcoming matches. They are available across all supported sports and leagues, with flexible filtering options to match user preferences.
Technical Note
Configurable options (adjustable from default):
Visual example
Description
Each generic page element used in StatsHub—such as the Over/Under table, League table, etc.—can be removed individually. Once a generic element is removed, it no longer appears across any subpages or sports where it was previously displayed. This allows for flexible customization of the interface based on specific needs.
Technical Note
Configurable options (adjustable from default):
Description
When two teams or players are playing each other, the normal showing order is that the home team is on the left and the away team is on the right. However, this showing order can be changed to show the home team on the right.
Technical Note
Configurable options (adjustable from default):
Description
A favicon (short for favorite icon) is a small icon that represents a website or web page. Client can use its own favicon.
Technical Note
Configurable options (adjustable from default):
Description
By default, the client has access to all supported sports and leagues covered by Sportradar. However, clients can remove specific leagues or sports from the portal. Additionally, the order in which the sports and leagues are displayed can be adjusted.
Technical Note
Configurable options (adjustable from default):
Visual example
Description
When displaying the list of sports as icons in the header or in the main sport selector menu, the order can vary. By default, popular sports are shown first (7 sports can be manually selected), followed by the remaining sports in alphabetical order. Alternatively, all sports can be displayed in strict alphabetical order without prioritizing popular ones.
Technical Note
Configurable options (adjustable from default):
Description
When displaying the list of leagues in league selector, the order can vary. By default, leagues are shown as received from the match feed, but the list can also be configured to display selected leagues first, followed by the remaining leagues.
Technical Note
Configurable options (adjustable from default):
Description
In the menu and page header, up to four popular tournaments per sport are displayed as pills. These can be manually configured to select which leagues or tournaments appear, each linking directly to its respective league page.
Technical Note
Configurable options (adjustable from default):
Visual example
Description
StatsHub users are able to change the main color page theme to fit their needs. Users can choose from the following theme options:
Theme change option is available in the settings menu.
Technical Note
Configurable options (adjustable from default):
Visual example
Description
StatsHub's color palette is designed for seamless alignment with corporate identity and branding guidelines. Its structured approach enables effortless adaptation of all page elements using predefined, brand-consistent colors.
Technical Note
Configurable options (adjustable from default):
Define color palette for different themes:
Description
StatsHub supports full localization across all supported languages. Clients can define a primary language as well as a list of available languages that appear in the user settings menu. Each user can then individually select their preferred language from this list. Refer to the [Supported Languages List] for details.
Technical Note
Configurable options (adjustable from default):
Description
By default, StatsHub uses the Roboto font, a modern sans-serif typeface. Clients can customize the default font to better align with their corporate identity and branding guidelines.
Technical Note
Configurable options (adjustable from default):
Description
In addition to customizing the default font, clients can choose to disable font settings in the user interface, preventing users from changing the font individually.
Technical Note
Configurable options (adjustable from default):
Description
Sport icons are used in the page header and sports menu selector to visually represent each sport. Clients have the flexibility to replace the default icons with their own custom sports icons to better match their brand identity.
Technical Note
Configurable options (adjustable from default):
Description
To be able to fully adapt the StatsHub to client's corporate identity and branding guidelines different logos are used.
Technical Note
Configurable options (adjustable from default):
Description
By default, StatsHub displays simple 2-way or 3-way markets for each match. Markets are available pre-match, live, and post-match, with historical odds accessible for up to one year after the match has ended. Clients can integrate their own odds, or StatsHub will display generic odds. Users can click on a specific market to be redirected either to the bookmaker's betting site or directly to the betslip.
Technical Note
Configurable options (adjustable from default):
Description
To gain insights into how users interact with StatsHub, clients can configure and integrate their own Google Analytics tracking code.
Technical Note
Configurable Options (adjustable from default):
Description
StatsHub is a hosted solution, and for it to function properly, the URL from which the client is embedding or linking to StatsHub must be whitelisted. This ensures secure and authorized access to the platform.
Technical Note
Configurable options (adjustable from default):
Description
StatsHub has been enhanced to support displaying statistical information for a single tournament or league. This updated product version introduces a simplified navigation experience, tailored specifically for focused tournament analysis. When this version is active:
Technical Note
Configurable options (adjustable from default):
Description
StatsHub works seamlessly on betting terminals. It can be configured to display a single page—most commonly the "Overview" subpage within the H2H—while disabling all other navigation options.
We have two distinct modes available for betting terminals:
Technical Note
Configurable options (adjustable from default):
Visual example