Betting Entertainment Tools

Widgets Demo

Live Match Tracker Single Layout Pitch

match.lmt

This widget will show only Live Match Tracker pitch.

For the widget to render you need to provide matchId, other properties are optional.+

Widget displays date/time in end user's local timezone (based on end user's operating system settings).

Same visual appereance can be achieved by using a full version of Live Match Tracker by disabling some options. Such configuration will not stop making requests to get data. It will only hide it from widget. See pitch only example at the bottom of the page here.

Parameters
Name Type Attributes Default Description
props object <required>
matchId number | string <required>

Match ID

matchId: match_id_here // number or string
disablePitchNoise boolean

Disables pitch noise which is used to generate the effect of grass
disablePitchStripes boolean

Disable pitch stripes
disablePitchOverlay boolean

Disables an overlay that highlights the pitch by adding slight dim to the borders of the pitch.
disablePitchSpotlights boolean

Disables marks on the most used parts of the pitch (corners, center, penalty) and gives more realistic feel
pitchBgImage string

Url to the custom pitch image.
pitchCustomBgColor string

Custom pitch color.
customBrandColor string

Custom brand color.
pitchBrandBgColor boolean

If true, it uses the theme's primary color for pitch background.
pitchLightStyle boolean

Enable modifications for light pitch images/colors (dark pitch lines, ...)
pitchLogo string

URL to a custom pitch logo.
pitchLogoForceCenter boolean

Forces the pitch logo to the center of the pitch for basketball, tennis, ice hockey, handball, snooker, kabbadi, volleyball, beach volleyball and badminton.
pitchView string side

Defines the pitch view for LMT, offering different visual perspectives of the playing area. Certain pitch views are accessible only within the scope of selected LMT packages.

  • Soccer: side, top
  • Tennis: side, top, rear
  • Table Tennis: side, top, rear
logo Array.<string>

Array of urls to branding logos, which appear in overlay carousel and in ball possession banner (live match). Accepts up to 3 images, for 3 responsive breakpoints, starting with the image for largest size. If only 1 or 2 images are provided, the last image will be used for the remainging smaller brekpoinst. In overlay carousel only 2 breakpoints are used, so it will take the 1st and 3rd image (or 2nd, if 3rd is not provided). Image will fill the banner height or 25% banner width, while maintaining image aspect ratio (like css background-size: contain), but not beyond image's natural dimensions.
logoLink string

URL to a page that opens when user click on the logo, Defaults to no link.
goalBannerImage string

Url to the custom goal banner image.
goalBannerCustomBgColor string

Custom color of banner image on Free Throws, Goal, Corner animation events.
flashLogoOnSlide boolean

If true, logo will appear for a short time on every slide change in overlay carousel. Otherwise it will only appear when slide's bottom banner doesn't have other content. Defaults to false
showOdds boolean

If true, odds will be shown during the match. Otherwise, we'll display probabilities.
disableDeeplink boolean

If true, odds deeplinking will be disable and odds will not be clickable. Only valid when showOdds is true. Defaults to false.
disableEventStats boolean

Disable statistics display on event
disablePitchTeamColors boolean

Used for American football, if set to true disables team colors
disableFooterStats boolean

Disable random footer statistics during live match
onTrack function

Function/event handler, see Tracking options
disableMatchFormat boolean true

When set to false, match format is displayed on top right corner of pitch. Defaults to true.
oddsDeeplinkLabels object

An object of deeplinking labels.
deeplinkParams object

An object of deeplinking params.
possessionOverlayTeamColored boolean

Enables possession overlay with team colors.
Examples

HTML/Declarative with match-id data attribute

<div id="sr-widget" data-sr-widget="match.lmt" data-sr-match-id="match_id_here"></div>
<script type="application/javascript" src="https://widgets.sir.sportradar.com/sportradar/widgetloader" async></script>

HTML/Declarative with stage-id data attribute

<div id="sr-widget" data-sr-widget="match.lmt" data-sr-stage-id="stage_id_here"></div>
<script type="application/javascript" src="https://widgets.sir.sportradar.com/sportradar/widgetloader" async></script>

JS/Programmatic

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.sir.sportradar.com/sportradar/widgetloader","SIR", {
        language: 'en'
    });
    SIR('addWidget', '#sr-widget', 'match.lmt', {
        matchId: match_id_here
    });
</script>
<div id="sr-widget"></div>