Documentation

Widgets.us.custom.sinclair.soccer.Game

us.custom.sinclair.soccer.game displays relevant data of a soccer 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 previous meetings, league position, top scorers, and average goals, and an odds tab with moneyline, over/under, spread, and win probability,
  • in live match: a lineups tab, a game tracker tab with visualizations of the current situation, and a match stats tab,
  • in post-match: a lineups tab, a game tracker tab, a match stats tab, 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 number

Match id.
onItemClick function <optional>

Function/event handler. Emits uniqueTeamId 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.soccer.game" data-sr-match-id="20716157"></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.soccer.game', {matchId: 20716157});
</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.soccer.game', {matchId: 20716157, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>