LMT Plus (Live Match Tracker Plus) is a comprehensive live match visualization widget that combines real-time match statistics, animated pitch visualization, video streaming, and tabbed content navigation in a single integrated interface. It delivers a complete live sports experience by presenting match data through multiple interactive components including scoreboard, momentum visualization, detailed statistics tabs, team lineups, head-to-head comparisons, and league standings. The widget supports flexible layout configurations ranging from compact single-column displays to expansive double-pane layouts. Designed for sports betting platforms and media sites requiring rich match coverage, LMT Plus provides extensive customization options for component visibility, tab selection, and responsive collapsible sections that adapt to different screen sizes and user interaction patterns.

Single Layout with tabs positioned above pitch

Double Layout with large jerseys and momentum with bars

Integrated video streaming

Match highlights: video replays of key match events

Flexible pitch customisation options

Immersive 3D visualisation of match action
See the LMT Plus widget demo.
Widget automatically adjusts at 310px, 420px, and 560px widths.
Consider layout: "single" for mobile (< 768px).
Live Match Tracker can be presented as a full version (LMT Plus) or as a compact version (LMT Compact).
LMT Compact allows basic match action to remain visible while users scroll through the rest of content.
Illustrations of main feature variants with relevant property values below.
See the LMT Plus widget demo.
match.lmtPlusEnvironment Requirements
| Browser | Version | Mobile Support |
|---|---|---|
| Chrome | 60+ | ✅ Chrome Mobile 60+ |
| Firefox | 55+ | ✅ Firefox Mobile 55+ |
| Safari | 12+ | ✅ iOS Safari 12+ |
| Edge | 79+ | ✅ Edge Mobile 79+ |
| Internet Explorer | All versions | ❌ Not Supported |
Supported Sports
The LMT Plus widget supports the following sports:
| Property | Type | Default | Description |
|---|---|---|---|
matchId | number | Required | The unique identifier for the match. See Getting Identifiers |
disableWidgetHeader | boolean | true | When true, hides the widget header and match info |
disablePitch | boolean | false | When true, hides pitch visualization. Forces layout to "single" |
layout |
Properties do not always transfer from the above table directly into integration code. Properties must be transformed differently for each integration method:
SIR() callcardVariant: "compact"In javascript integration, the properties go into an object which is passed as the 4th argument of the call ti SIR() function. Please see Global SIR API
data-sr- prefixcardVariant → Optimize screen real estate with section collapsing.
topdown layoutVertical stacking of all components with tabbed navigation. This layout comes with two flavors:
topdown: pitch is always visible, with additional statistical components below in a tabbed navigationsingle: only one component is visible at any time
Sample Configuration:
"single" | "topdown"string"single" |
Widget layout mode.
|
disableComponents | boolean | false | When true, hides all tab components (statistics, timeline, etc.) |
momentum | string | "compact" | Momentum visualization display.
|
scoreboard | string | "compact" | Scoreboard display variant.
|
scoreboardLargeJerseys | boolean | false | When true, displays larger team jersey graphics in scoreboard |
collapseTo | string | "disable" | Collapse target for space optimization.
|
expanded | boolean | true | Initial expand state when collapseTo is enabled. When false, widget starts in collapsed state |
tabsPosition | string | "bottom" | Position of tab navigation.
|
detailedScoreboard | string | "disable" | Detailed scoreboard switcher display.
|
activeSwitcher | string | "momentum" | Default active view in detailed scoreboard.
|
ballSpottingVisibleLines | number | - | Definition for max number of ball spotting lines |
tabs | object | See LMT Tabs identifiers | Custom tab configuration per sport. Object with sport IDs as keys and arrays of tab names as values |
activeTab | string | First available tab | Tab to display on initial load. Must match a tab ID from the tabs configuration |
timelineLeftRightLayout | boolean | false | When true, uses left-right timeline layout (squash only) |
accessibilityEnabled | boolean | false | When true, web accessibility support is enabled. More information here. |
accessibilityLiveRegionsEnabled | boolean | true | When true, live match track pitch live announcer is enabled. |
accessibilityHeadingLevel | number | 1 | Accessibility aria headings level, valid inputs are: 1, 2, 3, 4, 5, 6 |
branding | object | - | Branding options and widget customization. See Widget Customization |
| Property | Type | Default | Description |
|---|---|---|---|
disablePitchNoise | boolean | false | When true, removes noise texture from pitch surface |
disablePitchStripes | boolean | false | When true, removes grass stripes or field markings |
disablePitchOverlay | boolean | false | When true, removes an overlay that highlights the pitch by adding slight dim to the borders of the pitch |
disablePitchSpotlights | boolean | false | When true, removes spotlight effects from pitch |
pitchBgImage | string | - | Custom background image URL for pitch. Overrides default pitch surface |
pitchCustomBgColor | string | - | Custom pitch background color (hex/rgb). Example: "#1a5f3e" |
customBrandColor | string | - | Primary brand color for accents and theming (hex/rgb) |
pitchBrandBgColor | boolean | false | When true, uses customBrandColor as pitch background |
pitchLightStyle | boolean | false | When true, uses light-colored pitch theme with dark lines |
pitchLogo | string | - | URL of logo to display on pitch surface |
pitchLogoForceCenter | boolean | false | When true, positiones the pitch logo to the center of the pitch for basketball, tennis, ice hockey, handball, snooker, kabbadi, volleyball, beach volleyball and badminton. |
logo | array | - | Array of urls to branding logos, which appear in overlay carousel and in ball possession banner during live match. Accepts up to 3 images, for 3 responsive breakpoints, starting with the image for largest size.
|
logoLink | string | - | URL destination when logo is clicked |
goalBannerImage | string | - | URL to the custom goal banner image |
goalBannerCustomBgColor | string | - | Custom color of banner image on Free Throws, Goal, Corner, etc. animation events |
flashLogoOnSlide | boolean | false | When 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 |
disableEventStats | boolean | false | When true, disables statistics display on event |
disablePitchTeamColors | boolean | false | When true, uses neutral colors on pitch instead of team colors |
disableFooterStats | boolean | false | When true, disables random footer statistics during live match |
data-sr-card-variantfilters.sport.hidden → Complex objects must be passed as JSON stringsIn HTML integration, the properties go into the parent HTML object as object properties, prefixed with data-sr- as explained above.
This method supports only simple (base) properties and does not support properties that require functions.
In all examples replace sportradar in the widgetloader URL path with your clientId.
Example if your clientId is client1:
https://widgets.sir.sportradar.com/sportradar/widgetloaderhttps://widgets.sir.sportradar.com/client1/widgetloaderInitialize the widget programmatically using the JavaScript API. The widget renders in the specified container element.
(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.lmtPlus', {
matchId: 123,
layout: 'single',
collapseTo: 'momentum',
tabsPosition: 'top'
});<div id="sr-widget"></div>Insert the following HTML code at the target widget location. Complex object properties must be passed as JSON-encoded strings.
<div id="sr-widget"
data-sr-widget="match.lmtPlus"
data-sr-match-id="123"
data-sr-layout="single"
data-sr-collapse-to="momentum"
data-sr-tabs-position="top"
>
</div>
<script type="application/javascript"
src="https://widgets.sir.sportradar.com/sportradar/widgetloader"
async>
</script>