Betting Entertainment Tools

Widgets Demo

My Combo Widget (with extended properties)

Parameters
Name Type Attributes Default Description
props object
user string | number

The id of the user.
productTitle string 'POPULAR ACCUMULATORS'

The name in the header.
showHeader boolean true

If set to false, the header will not be displayed.
showRefreshButton boolean false

If set to true, displays a button in the header that loads the next most relevant combination.
numberOfCards number 10

Number of cards shown on carousel layout.
layout 'single' | 'carousel' 'single'

Specifies layout display of widget.
editLegAction 'replace'

Specifies edit action that will appear next to odd value. Adds a button to each leg.
- If the prop is not defined, no button will appear next to odd values.
buttonIcon string | false

URL for custom icon. If set value to false, no icon will be displayed. If no value is set, the default myCombo icon will be displayed.
maxSelections number 12

The number of maximum selections in Bet Slip.
minTicketLength number 3

The number of minimum events that appear in a card. Value ranges between 2 and 12.
maxTicketLength number 4

The number of maximum events that appear in a card. Value ranges between 2 and 12.
maxAllowedOdds number

The number of which the multiplication of all odds within a card must not reach.
minRequiredLegOdds number

The number of which all legs odds within a card must reach to be displayed.
eventId string | number

The event id to get a bet builder for. If provided, the widget will display outcomes for this event.
filters object

Filters property is an object where you can set sports.
filters.sport object

Object with sport options.
filters.sport.available Array.<(string|number)>

Sportradar sports
sportsMapping object

Map your sport ids with Sportradar ones in case you are not using Sportradar sport ids (available sports).

{
     "your_sport_id_football": "sportradar_sport_id_football",
     "your_sport_id_X": "sportradar_sport_id_Y",
     "your_sport_id_B": "sportradar_sport_id_A",
     ...
}
branding object

Customization options. Currently supports customization of sports icons. Valid structure is:

sports: {
    icons: { // custom icons for sports
        1: 'path_to_image_file', // `1` is sport id.
        2: 'path_to_image_file',
        5: 'path_to_image_file',
        20: 'path_to_image_file',
    }
}
onItemClick Widgets.BetRecommendation.OnItemClick

Set a callback to run when the event or outcome is clicked. For more information check OnItemClick.
debug boolean

When set to true, logs adapter schema errors.
Examples

#1

<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', 'betRecommendation.myCombo');
</script>
<div id="sr-widget"></div>

#2

<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', 'betRecommendation.myCombo', {
         branding: {
             sports: {
                 icons: { // custom icons for sports
                     1: 'path_to_image_file',
                     2: 'path_to_image_file',
                     5: 'path_to_image_file',
                     20: 'path_to_image_file'
                 }
             }
         },
         onItemClick: function(target, data) {
             console.log(target, data);
         }
    });
</script>
<div id="sr-widget"></div>

#3

<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', 'betRecommendation.myCombo', {
         productTitle: 'POPULAR ACCUMULATORS',
         layout: 'carousel',
         numberOfCards: 6,
         buttonIcon: 'path_to_image_file'
    });
</script>
<div id="sr-widget"></div>