Betting Entertainment Tools

Widgets Demo

Bet Slip Widget

Parameters
Name Type Attributes Default Description
props object <required>
similarEventIds Array.<string> | Array.<number> <required>

Array of similar events IDs.
count number 3

Number of cards from 1 to 3.
maxRows number 3

Max number of cards rows from 1 to 3.
cardsLayout 'horizontal' | 'vertical' 'horizontal'

Set how events within a recommendation category are displayed.
cardVariant 'default' | 'compact' 'default'

Set the style of the event card.
filters.sport.available Array.<(string|number)>

Sportradar sports
filters.time.available Array.<'live'>

Array of available time filters.
filters.time.active Array.<'live'>

Array of active time filters.
filters.league.available Array.<(string|number)>

Array of available league filters.
onItemClick OnItemClick Widgets.BetRecommendation.Integration.OnItemClick

Set a callback to run when the event or outcome is clicked. For more information check OnItemClick.
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.similarBets', { similarEventIds: [123345] });
</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.similarBets', {
         similarEventIds: ['sr:match:27971270'],
         count: 2,
         maxRows: 2,
         filters: {
             sport: {
                 hidden: false,
                 available: ['1', '2', '5', '20'], // Sportradar sport ids.
             },
         },
         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>