Documentation

Widgets.us.match.Score

us.match.score is a variant of the smaller scoreboard with links. Features the current score, the teams represented by name and logo, the status of a match and other key game related information (depends on sport and/or unique tournament) as collapsible content. A special feature is the links for navigating to other widgets/content. Supports following sports: soccer, hockey.

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

new Score(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
matchId number

Match id.
showDate boolean <optional>

If true shows scheduled date besides time (pre-match only).
isCollapsed boolean <optional>
 'true'

If false collapses collapsible content (i.e. game information).
showOdds boolean <optional>
 'true'

If false hides odds (pre-match only).
disableHeader boolean <optional>

If true hides header.
disableGameInfo boolean <optional>

If true hides collapsible content (i.e. game information).
disableGameInfoXSmall boolean <optional>

If true hides collapsible content (i.e. game information) on X-Small responsive breakpoint (<321px).
disableAttendance boolean <optional>

If true hides attendance content.
disableTeamClick boolean <optional>

If true disables onItemClick handler for teams.
disablePlayerClick boolean <optional>

If true disables onItemClick handler for players (i.e. team leaders under game information).
enableMatchClick boolean <optional>

If true whole widget triggers match target event on onItemClick; all other targets gets disabled.
preMatchLinks string <optional>

Comma separated string of link keys for pre-match. Can be undefined, default, preview, boxscore, gametracker, recap, lineups, matchstats. Entering default is same as entering preview, with the exception of soccer - 'preview, lineups'.
liveMatchLinks string <optional>

Comma separated string of link keys for live-match. Can be undefined, default, preview, boxscore, gametracker, recap, lineups, matchstats. Entering default is same as entering 'boxscore, gametracker'.
postMatchLinks string <optional>

Comma separated string of link keys for post-match. Can be undefined, default, preview, boxscore, gametracker, recap, lineups, matchstats. Entering default is same as entering 'boxscore, recap'.
border boolean <optional>
 'true'

If false hides a border around the widget.
onItemClick function <optional>

Function/event handler. By default, the widget has two click target areas: team and player. The player targets appear in Game information section depending on match status. With preMatchLinks, liveMatchLinks and/or postMatchLinks set the Score widget can get additional targets: preview, boxscore, gametracker, recap, lineups, matchstats links. When enableMatchClick set to true the whole Score widget becomes a match target and all other targets gets disabled. All targets emit the following match props on click or touch: matchId, sportId, realCategoryId, seasonId, tournamentId, uniqueTournamentId, awayTeamUid, homeTeamUid, matchStatus. Team target adds uniqueTeamId, player target adds playerId. Valid matchStatus values are: pre, live, post.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.score" data-sr-match-id="12232964"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/uscommon/widgetloader" data-sr-language="en_us" 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.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.match.score', {matchId: 11830648});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handlers

<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.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.match.score', {matchId: 11733881, postMatchLinks: 'default', onItemClick: function(target, obj){alert(target+':'+JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>

Examples of onItemClick targets and emitted props

"team",{"matchId":23361061,"seasonId":77361,"tournamentId":36,"uniqueTournamentId":8,"realCategoryId":32,"sportId":1,"awayTeamUid":2836,"homeTeamUid":2831,"matchStatus":"post","uniqueTeamId":2836}
"player",{"matchId":27543026,"matchStatus":"pre","playerId":36476,"seasonId":78917,"tournamentId":10560,"uniqueTournamentId":234,"realCategoryId":37,"sportId":4,"awayTeamUid":3703,"homeTeamUid":3677}
"box_score",{"matchId":23361061,"seasonId":77361,"tournamentId":36,"uniqueTournamentId":8,"realCategoryId":32,"sportId":1,"awayTeamUid":2836,"homeTeamUid":2831,"matchStatus":"post"}
"match",{"matchId":27543026,"seasonId":78917,"tournamentId":10560,"uniqueTournamentId":234,"realCategoryId":37,"sportId":4,"awayTeamUid":3703,"homeTeamUid":3677,"matchStatus":"pre"}