Documentation

Widgets.us.match.nfl.Score

A us.match.nfl.score brings crucial information about a match such as the name of the competition, the current score, the teams represented by name and logo, and the status of a match (period and minute).

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

Widget displays date/time in end user's local timezone (based on end user's operating system settings).

new Score(props)

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

Match ID
showDate boolean <optional>

Shows the date of the future matches.
isCollapsed boolean <optional>
 true

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

If true hides pitch.
disableLastPlay boolean <optional>

If true hides last play info.
disableHeader boolean <optional>

If true hides header.
disableGameInfo boolean <optional>

If true hides expandable bottom part which contains match details.
disableAttendance boolena <optional>

If true hides attendance content.
autoSlide boolean <optional>

Disables auto sliding of the content in game info section.
autoSlideSpeed number <optional>

Sets the delay of auto sliding of the content in game info section (in milliseconds).
enableTeamSelect boolean <optional>

If true enables team onItemClick target.
enablePlayerSelect boolean <optional>

If true hides pitch player onItemClick target.
enableMatchClick boolean <optional>

If true hides pitch match onItemClick target and disables all other targets.
preMatchLinks string <optional>

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

Comma separated string of link keys for live-match. Can be undefined, default, preview, boxscore, gametracker, recap. 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. Entering default is same as entering 'boxscore, recap'.
border boolean <optional>
 true

Displays border.
onItemClick function <optional>

Function/event handler. By default all widget click target areas are disabled. The enableTeamSelect enables team targets. enablePlayerSelect enables a player targets. The player targets appear in Game information section depending on match status. enableMatchClick enables a match target and disables all other targets. With preMatchLinks, liveMatchLinks and/or postMatchLinks set the widget gets preview, boxscore, gametracker and/or recap targets. All targets emit the following match props on click or touch: matchId, sportId, realCategoryId, seasonId, seasonType, week, awayTeamId, homeTeamId, awayTeamUid, homeTeamUid. Team target adds teamId, player target adds playerId and teamId, match target adds matchStatus, Valid matchStatus values are: pre, live, post.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.nfl.score" data-sr-match-id="sd:match:5c981331-29d9-4c65-b4f2-5e1101295b3e"></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.nfl.score', {matchId: sd:match:5c981331-29d9-4c65-b4f2-5e1101295b3e});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handlers

<script>
<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.nfl.score', {matchId: sd:match:5c981331-29d9-4c65-b4f2-5e1101295b3e, 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",{"teamId":"sd:team:82cf9565-6eb9-4f01-bdbd-5aa0d472fcd9","matchId":"sd:match:ee83c78d-f7eb-46fc-a851-e5e3b2a82f44","seasonId":2020,"seasonType":"REG","week":10,"awayTeamId":"sd:team:82cf9565-6eb9-4f01-bdbd-5aa0d472fcd9","homeTeamId":"sd:team:d26a1ca5-722d-4274-8f97-c92e49c96315","awayTeamUid":"4421","homeTeamUid":"367364"}
"player",{"playerId":"sd:player:5812204c-6dae-4450-8011-99e0f72864ac","teamId":"sd:team:d26a1ca5-722d-4274-8f97-c92e49c96315","matchId":"sd:match:ee83c78d-f7eb-46fc-a851-e5e3b2a82f44","seasonId":2020,"seasonType":"REG","week":10,"awayTeamId":"sd:team:82cf9565-6eb9-4f01-bdbd-5aa0d472fcd9","homeTeamId":"sd:team:d26a1ca5-722d-4274-8f97-c92e49c96315","awayTeamUid":"4421","homeTeamUid":"367364"}
"box_score",{"matchId":"sd:match:ee83c78d-f7eb-46fc-a851-e5e3b2a82f44","seasonId":2020,"seasonType":"REG","week":10,"awayTeamId":"sd:team:82cf9565-6eb9-4f01-bdbd-5aa0d472fcd9","homeTeamId":"sd:team:d26a1ca5-722d-4274-8f97-c92e49c96315","awayTeamUid":"4421","homeTeamUid":"367364"}
"match",{"matchId":"sd:match:ee83c78d-f7eb-46fc-a851-e5e3b2a82f44","matchStatus":"post","seasonId":2020,"sportId":16,"seasonType":"REG","week":10,"awayTeamId":"sd:team:82cf9565-6eb9-4f01-bdbd-5aa0d472fcd9","homeTeamId":"sd:team:d26a1ca5-722d-4274-8f97-c92e49c96315","awayTeamUid":"4421","homeTeamUid":"367364"}