Parameters
Name | Type | Attributes | Description |
---|---|---|---|
props |
object |
<required> |
|
matchId |
number |
<required> |
Match ID |
disableWidgetHeader |
boolean | Show or hide top header |
|
disableScoreboard |
boolean | Show or hide scoreboard |
|
disableMomentum |
boolean | Show or hide momentum |
|
disableTabs |
boolean | Show or hide tabs |
|
disablePitch |
boolean | Show or hide pitch |
|
momentumChartStyle |
string | 3 possible chart style types (bars, thinBars, line) |
|
showTabs |
object | Definition for tabs that are displayed. Valid values are
|
|
scoreboardType |
object | Definition of scoreboard type. Valid values are
|
|
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. |
|
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, ...) |
|
logo |
array | 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. |
|
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 |
|
disableFooterStats |
boolean | Disable random footer statistics during live match |
|
onTrack |
function | Function/event handler, see Tracking options |
|
oddsDeeplinkLabels |
object | An object of deeplinking labels. |
|
deeplinkParams |
object | An object of deeplinking params. |
Examples
<caption>HTML/Declarative</caption>{
<div id="sr-widget" data-sr-widget="match.lmtCustom" data-sr-match-id="18428096"></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.lmtCustom', {matchId: 18428096});
</script>
<div id="sr-widget"></div>