Betting Entertainment Tools

Widgets Demo

Button

A betAssist.button brings soccer statistics and betting suggestions depending on a selected market. Widget contents are available in a popover.

For the widget to render you need to provide matchId and market.

NOTE: Font Oswald will be displayed for Bet Assist only if the user imports the font and adds the css selector below

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,700&subset=latin-ext')

.sr-bb .srt-font-family-chart {
     font-family: 'Oswald', 'Roboto', sans-serif;
}
Parameters
Name Type Description
props object
matchId number

Match ID
market string

See available markets here.
position string

Initial popover position (right, left, bottom). Popover will appear on the right by default (on left for RTL languages)
width number

Popover width
label string

Button label
icon string

URL to a button icon image
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="betAssist.button" data-sr-match-id="21514521" data-sr-market="bothTeamsToScore"></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', 'betAssist.button', {matchId: 18428096, market: 'bothTeamsToScore'});
</script>
<div id="sr-widget"></div>