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.

Previous slideNext slide

See the LMT Compact widget demo.

#Main Configurable Features

Illustrations of main feature variants with relevant property values below.

Default View

Shows the default view of the LMT Compact widget.

Sample configuration:

• matchId: string|number

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

#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
• Example: filters.sport.hidden → Complex objects must be passed as JSON strings

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

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