Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

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.


GameTracker Environments

Features by sport

Components

Pitch

Team Stats

Player Stats

Play By Play

Lineups

⚽ Football

YES

YES

NO

YES

YES

🏀 Basketball

YES*

YES

YES

YES

NO

🏈 American Football

NO*

YES

YES

YES

NO

🎾 Tennis

YES

YES

NO

NO

NO

  • Although it’s functional, Basketball court lacks animations. They haven’t been finished due to prioritization

  • American Football (CFL) has that feature but it needs to be tested with live matches so that we are confident offering it

Layouts

Regular

Desktop

Stand alone

Side by Side

⚽ Football

YES

YES

YES

YES

🏀 Basketball

YES

NO

YES

YES

🏈 American Football

YES

NO

YES

NO

🎾 Tennis

YES

NO

YES

YES

If the widget receives a fixtureId for an unsupported sport, it won't be able to load data and will show an error instead. For other sports please use the Multisport Scoreboard

Layouts and integration

The Multisport game tracker supports multiple layouts to provide flexibility that the customer can choose how to render the different 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. This is the default layout.

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>

  • Integration looks the same for all supported sports, the important part is to pass the right fixtureId

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

  • Dimensions can be modified as long as it isn’t smaller than 300x300

  • Make sure you set the right productName

Screenshots

image-20240202-203835.png
image-20240202-203940.png

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>

  • At the moment this only works for Football

  • When some data is not available to render the component, it will be hidden and the layout will adapt based on elements that can be displayed properly

  • Dimensions can be modified, iframe height should be at least 580px in order to have a properly functioning widget and its container should be at least 900px wide

  • Make sure you set the right productName

Screenshots

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>

  • This should be used only with sports that support pitch/court

  • Dimensions can be modified, iframe height should be at least 300px in order to have a properly functioning widget and its container should be at least 700px wide (if the viewport is smaller it will render the regular layout instead)

  • Make sure you set the right productName

Screenshots

image-20240402-222117.png

Stand Alone

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 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>
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>
Lineups

To use the 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>
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>
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>

  • Dimensions can be modified, iframe height should be at least 300px in order to have a properly functioning widget and its container should be at least 300px wide

  • If a particular fixture does not have enough data for the desired component, it will show the empty state

  • Make sure you set the right productName

Query parameters

Game Tracker

Name

Purpose

Mandatory

Notes

productName

Dictates which configuration should be used to render the Game Tracker(customer)

Yes

It’s a string that would be provided by Genius Sports.

fixtureId

Defines what content should be rendered.

Yes

Supports Genius Sports fixture IDs and customer fixture IDs.

To use the customer fixture IDs, the IDs need to be sent to Genius Sports for mapping.

layout

Defines the layout that will be displayed

No

The layout name would be provided by Genius Sports, the default layouts are default(tabs), sideBySide or desktop

Should not be used alongside widget

widget

Define the stand-alone component that will be used

No

Allows usage of stand alone component. Should not be used alongside layout

culture

Chooses which locale should be used to load translations

No

Options are described in the translations section

Translations

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

Sport

Default

Football

Basketball

American football (CFL)

Tennis

  • No labels