Multisports widgets

The multisport Game Tracker is a unique widget that has the capability to be used in different sports, so far and at the time of the creation of this document it has support for Football, American Football (CFL), Tennis and Basketball.

This is possible because using the fixtureId (match identifier) the widget can identify the sport to display.

...

• UAT and Testing

  • https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker?fixtureId=<fixtureId>&productName=<productName>

  • https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker?fixtureId=<fixtureId>&productName=<productName>&layout=<layout>

  • https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker?fixtureId=<fixtureId>&productName=<productName>&widget=<widget>

• Production

  • https://gsm-widgets.betstream.betgenius.com/multisportgametracker?fixtureId= <fixtureId>&productName=<productName>

  • https://gsm-widgets.betstream.betgenius.com/multisportgametracker ?fixtureId=<fixtureId>&productName=<productName>&layout=<layout>

  • https://gsm-widgets.betstream.betgenius.com/multisportgametracker ?fixtureId=<fixtureId>&productName=<productName>&widget=<widget>

• Example

  • Default view of the light multisport game tracker - https://gsm-widgets.betstream.betgenius.com/multisportgametracker?productName=gsdemo-light&fixtureId=11061059

  • Default view of the dark multisport game tracker - https://gsm-widgets.betstream.betgenius.com/multisportgametracker?productName=gsdemo-dark&fixtureId=11061059

  • Widget view - https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker/?fixtureId=9830657&productName=gsmdemo&widget=court

  • Desktop view - https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker/?fixtureId=9937582&productName=gsmdemo&layout=desktop

Features by sport

Components

Layouts

Layouts and integration

The Multisport game tracker supports multiple layouts to give provide flexibility and changes the way how the customer wants that the customer can choose how to render the different component also is an advantage because is not required to create multiple customers on our database, with one customer is possible to set multiple components. A single configuration can be used to show the widget in several layouts.

Regular

...

The purpose of this layout is to render the game tracker with a tabs navigator, the idea is to use it on small or medium containers including mobile view.

When a tab has no data, that tab will be disabled until the data is available. When the tab is not supported on that sport, in that case, the tab will be hidden.

...

Desktop Layout

The purpose of this layout is to render all the components in a single view, the idea is to use it on a large container.

When some data is not available to render the component, this will be hidden and the layout will adapt based on the available components.

...

Stand Alone Layout

The purpose of this layout is to render different widgets on a stand-alone view. This is similar to having modular components, the customer can use the widget as a building block within their app or website. Can be used on large, medium, or small screens.

Integration details

The iframe code should be placed within the body of the webpage where you would like the widget to appear. The script below is an example that embeds a Football Game Tracker product.

Regular layout

Football

This is the default layout. Tabs can be removed and/or added on our side.

EXAMPLE LINK

Integration example

<iframe id="gsm-game-tracker" scrolling="no" src="https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker?fixtureId=9830657&productName=gsmdemo" width="100%" height="320px" style="border: 0; allowtransparency"></iframe>

Basketball

<iframe id="gsm-game-tracker" scrolling="no" src="https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker?fixtureId=9976439&productName=gsmdemo" width="100%" height="320px" style="border: 0; allowtransparency"></iframe>

Image RemovedImage Removed

Pitch tab for Basketball

...

Player Stats tab

Desktop layout

Screenshots

Image Added	Image Added
Image Added	Image Added
Image Added	Image Added
Image Added

Desktop

The purpose of this layout is to render all the components in a single view, the idea is to use it on a large container or the whole window.

EXAMPLE LINK

Integration example

To render the desktop view is required to pass the query parameter layout with the value desktop

<iframe id="gsm-game-tracker" scrolling="no" src="https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker?fixtureId=9937582&productName=gsmdemo&layout=desktop" width="100%" height="320px" style="border: 0; allowtransparency"></iframe>

...

Stand-Alone Component

In case that requires a component, stand-alone needs to add the query param widget and define the component that will be rendered

...

Screenshots

Image Added

Image Added

Side by Side

This layout renders a pitch/court component alongside other tabs such as team stats and lineups.

When the available space in terms of width reaches a certain breakpoint, it will behave just like regular layout does.

EXAMPLE LINK

Integration example

To render the desktop view is required to pass the query parameter layout with the value sideBySide

<iframe id="gsm-game-tracker" scrolling="no" src="https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker

...

?fixtureId=

...

9937582&productName=gsmdemo&

...

layout=

...

sideBySide" width="100%" height="320px" style="border: 0; allowtransparency"></iframe>

Screenshots

Stand Alone

The components that can be used stand-alone are the followingpurpose of this layout is to render different widgets on a stand-alone view. This is similar to having modular components, the customer can use the widget as a building block within their app or website. Can be used on large, medium, or small screens.

• Scoreboard view stand-alone

• Pitch view stand-alone

• Lineups view stand-alone

• Play by Play view stand-alone

• Team stats view stand-alone

Integration example

In order to use the stand-alone version, the query param widget is passed with the component that will be rendered as value.

ScoreBoard

To use the scoreboard stand-alone, the widget query parameter should be equal to the scoreboard

<iframe id="gsm-game-tracker" scrolling="no" src="https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker/?fixtureId=9830657&productName=gsmdemo&widget=scoreboard" width="100%" height="320px" style="border: 0; allowtransparency"></iframe>

...

• Scoreboard view stand-alone

Image Removed

...

Pitch/Court/Field

To use the Pitch stand-alone , the widget query parameter should be equal to the court

<iframe id="gsm-game-tracker" scrolling="no" src="https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker/?fixtureId=9830657&productName=gsmdemo&widget=court" width="100%" height="320px" style="border: 0; allowtransparency"></iframe>

Example URL:

• Pitch view stand-alone

Image Removed

...

Lineups

To use the lineup lineups stand-alone , the widget query parameter should be equal to the lineups

<iframe id="gsm-game-tracker" scrolling="no" src="https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker/?fixtureId=9937582&productName=gsmdemo&widget=lineups" width="100%" height="320px" style="border: 0; allowtransparency"></iframe>

Example URL:

• Lineups view stand-alone

...

...

Play By Play

To use the play-by-play stand-alone, the widget query parameter should be equal to the playByPlay

<iframe id="gsm-game-tracker" scrolling="no" src="https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker/?fixtureId=9937582&productName=gsmdemo&widget=playByPlay" width="100%" height="320px" style="border: 0; allowtransparency"></iframe>

Example URL:

• Play by Play view stand-alone

...

Team Stats

To use the team stats stand-alone , the widget query parameter should be equal to the teamStats

<iframe id="gsm-game-tracker" scrolling="no" src="https://gsm-widgets-uat.betstream.betgenius.com/multisportgametracker/?fixtureId=9937582&productName=gsmdemo&widget=teamStats" width="100%" height="320px" style="border: 0; allowtransparency"></iframe>

Example URL:

• Team stats view stand-alone

Image Removed

Supported components by Sport

...

Pitch

...

Team Stats

...

Player Stats

...

Play By Play

...

Lineups

...

Football

...

YES

...

YES

...

NO

...

YES

...

YES

...

Basketball

...

YES

...

YES

...

YES

...

YES

...

NO

Supported layouts by Sport

...

Regular

...

Desktop

...

Stand alone

...

Football

...

YES

...

YES

...

YES

...

Basketball

...

YES

...

*YES (Needs additional support to show players stats instead of lineups while the lineups supports arrives)

...

Query parameters

Game Tracker

Game Tracker Stand-Alone View

Configuration

In order to have a working widget a configuration must be created, this is handled by the operations team.

Here you can take a deep dive and understand how the configuration model works. This is mostly for developers since operations should interact with this through UI Multisport GameTracker Configuration

Translations

In order to use any other than the default language, it needs to be translated.

...

Sport

...

Default

...

Collection

...

Available translations

...

Football

...

...

...

• default (english) (en-US)

• English-Great Britain (en-GB)

• German-Germany (de-DE)

• Spanish(es-ES)

• Hindi (hi-GB)

• Italian-Italy (it-IT)

• Indonesian (id-GB)

• Japanese (ja-GB)

• Georgian (ka-GE)

• Korean (ko-GB)

• Korean-Korea (ko-KR)

• Malay (ms-GB)

• Malay-Malaysia(ms-MY)

• Portuguese (por-GB)

• Portuguese-Portugal (pt-PT)

• Thai (th-GB)

• Vietnamese (vi-GB)

• Chinese-China(zh-CN)

• Chinese-Hong Kong(zh-HK)

...

Basketball

...

Translations

• To utilize this feature, append the parameter &culture={language-code} to the URL. The {language-code} should adhere to this ISO format. If translation files for the specified language are available, they will be used; otherwise, the default language will be en-GB. To utilize a language other than the default, it must first be translated.

• Each supported language in the system has a dedicated file containing translations for all available sports. Note that the coverage for a specific sport may vary depending on the language.

• This applies to nearly all text within the widget, with the exception of team names, competition names, and play descriptions for American football fixtures.

• Language management is global across all customers, meaning that no customer-specific translations are permitted; all customers will experience the same language settings.

• Each supported sport in the multisport game tracker has its own unique structure or set of strings that require translation.

• Every translatable string follows this format, where customers should only modify the text within the translation key. Descriptions are often provided to clarify which label each string corresponds to.

"AboutToStart": {
    "translation": "試合はまもなく開始されます",
    "description": "Label for AboutToStart"
},

• Given the global nature of languages, we already provide support for a wide range of them. If you have inquiries regarding the current status of a specific language, please feel free to ask. Additionally, if there are any files missing that need to be completed, or if you require the most recent starting file for a particular language, do not hesitate to request that information.
  

...

Available Translations