LMT Compact

LMT Compact (Live Match Tracker Compact) is a streamlined, compact match visualization widget that provides continuous live match coverage with real-time match events in a fixed position that remains visible during page scrolling. The widget automatically handles match status changes, animates significant events like goals and cards. Designed for sports betting platforms and media sites that need unobtrusive yet informative live match tracking, LMT Compact maximizes screen real estate efficiency while delivering match data through an elegant, always-visible interface that keeps users connected to live action without interrupting their browsing experience.

For the full LMT experience, see LMT.

See the LMT Compact widget demo.

#Main Configurable Features

Illustrations of main feature variants with relevant property values below.

See LMT Compact widget demo

#API Reference

#Required Parameters

• widget-name: match.lmtCompact
• matchId: The unique identifier for the match is the only required parameter. See Getting Identifiers

Environment Requirements

Technical Requirements:

• JavaScript enabled
• XMLHttpRequest support for data fetching
• CSS3 support for styling and animations

Supported Sports

The LMT Compact widget supports the following sports:

#Logo Images

Array of URLs to logos 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 is used for the remaining smaller brekpoints. Overlay carousel uses uses only 1st and 3rd image (or 2nd, if 3rd is not provided). Image fills the banner height or 25% of banner width, while maintaining image aspect ratio (like CSS background-size: contain), but not beyond image's natural dimensions.

#Integration Examples

#Property Name Transformations

Properties do not always transfer from the above table directly into integration code. Properties must be transformed differently for each integration method:

JavaScript/Programmatic Integration

• Property names remain unchanged in camelCase
• Properties become members of the 4th parameter object in SIR() call
• Example: cardVariant: "compact"

HTML/Declarative Integration

• Convert camelCase to lowercase with dashes, e.g. cardVariant becomes card-variant
• Add data-sr- prefix
• Example: cardVariant → data-sr-card-variant

JavaScript (Programmatic)

Initialize 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.lmtCompact', {
    matchId: 123
});

<div id="sr-widget"></div>

HTML (Declarative)

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.lmtCompact"
        data-sr-match-id="123">
</div>
<script type="application/javascript"
        src="https://widgets.sir.sportradar.com/sportradar/widgetloader"
        async>
</script>