Betting Entertainment Tools

Widgets Demo

Markets Widget (with extended properties)

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

The id of the user.
count number 3

Number of markets to return or number of selections to return if eventIds is not set.
eventId string | number

The event id to get markets for.
enableCollapseExpand boolean false

Enable or disable collapse expand on event and event markets.
outcomeNamePosition 'start' | 'top' | 'bottom' | 'end' | 'outside' 'start'

Sets the display position for outcome name.
filters object

Filters property is an object where you can set feed, sports, time and league data. Filters will only take effect if eventId is not defined.
filters.recommendationType object

Object with recommendationType options.
filters.recommendationType.available 'recommended' | 'popular' | 'trending' 'recommended'

Available recommendation types.
filters.sport object

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

Sportradar sports
filters.time object

Object with time options.
filters.time.available 'live'

Array of available time filters.
filters.time.range number 0

Retrieves events based on the specified time range, in hours. Must be between 0 and 12.
filters.league object

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

Array of available league filters.
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 function

Set a callback to run when the event is clicked. For more information check OnItemClick.
silent boolean false

By setting it to true, widget error won't display. This will prevent end customer from having a bad user experience. For debugging purposes this property should be set to false.
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.markets');
</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.markets', {
         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.markets', {
         count: 5,
         enableCollapseExpand: true,
         outcomeNamePosition: 'outside'
    });
</script>
<div id="sr-widget"></div>


/* eslint-enable max-len