Documentation

Widgets.us.custom.sinclair.nfl.Game

us.custom.sinclair.nfl.game displays relevant data of a NFL game. It features a scoreboard and various tabs depending on the the game state (pre-match, live, post-match):

  • in pre-match: a preview tab with win probability, leaders, projected total points, points per game, points allowed per game, strength of schedule, strength of victory, match news, and an odds tab with moneyline, over/under, spread, and win probability,
  • in live match: a box score tab with team and player stats, a game tracker tab with visualizations of the current situation, and a play by play tab detailing all events grouped by periods,
  • in post-match: a box score tab with team and player stats, a play by play tab detailing all events grouped by periods, a recap tabs if there's a recap available, and an odds tab.

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

new Game(props)

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

Match id.
onItemClick function <optional>

Function/event handler. Emits teamId on team click or touch, and playerId on player click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.custom.sinclair.nfl.game" data-sr-match-id="sd:match:d1be606b-b09d-4909-820e-c07f5e8f78b7"></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.custom.sinclair.nfl.game', {matchId: 'sd:match:d1be606b-b09d-4909-820e-c07f5e8f78b7'});
</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.custom.sinclair.nfl.game', {matchId: 'sd:match:d1be606b-b09d-4909-820e-c07f5e8f78b7', onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>