Betting Entertainment Tools

Widgets Demo

Bet Insights

Bet Insights widget generates unique pre-match and live insights tailored for specific matches.

Parameters
Name Type Attributes Default Description
props object <required>
matchId number <required>

Match ID.
widgetTitle string 'Bet Insights'

Name in the header and on the button.
widgetIcon string | false

URL for custom icon.
If set value to false, no icon will be displayed.
If no value is set, the default icon will be displayed.
integration 'inline' | 'button' 'inline'

When set to button, only button is visible at initial render.
isMobile boolean false

When set to true, opens pop-up on bottom edge of the viewport, stretched from left to right (only applicable with integration='button')
modalPosition 'left' | 'right' | 'bottom' 'left'

Set location of modal pop-up relative to button (only applicable with integration='button')
modalMaxHeight number | string

Set maximum height of card list. Allowed units: %, px, vh. When number (without units) is used, defaults to px (only applicable with integration='button' and cardsLayout='vertical')
cardsLayout 'horizontal' | 'vertical' 'horizontal'

Set how cards are displayed (only applicable with integration='button')
cardVariant 'default' | 'defaultIcon' | 'compact' | 'button' | 'buttonFooter' 'default'

Set the style of the card.
outcomeOrder 'top' | 'bottom' 'bottom'

Set the outcome display position (only applicable with cardVariant='compact', cardVariant='button' and cardVariant='buttonFooter').
outcomeButtonPosition 'top' | 'bottom' 'top'

Set where market/outcome button is positioned in cards (not applicable with cardVariant='button' and `cardVariant='buttonFooter')
ignoreAdapterValues boolean false

When set to true, team/market/outcome names displayed in cards are taken from SR data
capitalizeMarketNameAndOutput boolean false

When set to true, team/market name and outcome displayed in cards have first letters capitalized.
disableWidgetHeader boolean false

When set to true, hides widget header.
enableCollapse boolean true

When set to true, enables collapsing widget content (only applicable when disableWidgetHeader=false)
startCollapsed boolean false

When set to true, widget content is hidden on initial render (only applicable when disableWidgetHeader=false and enableCollapse=true)
onItemClick OnItemClick Widgets.BetInsights.Integration.OnItemClick

Set a callback to run when the outcome is clicked. For more information check OnItemClick.
Example
<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('registerAdapter', '{ADAPTER_NAME}');

    SIR('addWidget', '#sr-widget', 'betInsights', {
         matchId: 10,
         onItemClick: function(target, data) {
             console.log(target, data);
         }
    });
</script>
<div id="sr-widget"></div>

Widgets

Tournament Bet Insights