Betting Entertainment Tools

Widgets Demo

Player Prop Zone

Player Prop Zone is an interactive betting interface that allows users to place player prop bets directly from a tactical lineups visualization.

Available tab IDs

Single outcome market tabs (secondary tab label keys are market IDs):

  • goalscorers – Goalscorers (group: Anytime / First / Last)
  • playerToScorePlusTwo – To Score 2+
  • playerToScorePlusThree – To Score 3+
  • playerToScoreFromOutsideOfTheBox – To score outside the box
  • playerToScoreOrAssist – To score or assist
  • playerToBeSentOff – To be sent off

Multiple outcome market tabs (secondary tab label keys are outcome IDs):

  • playerTotalShotsOnGoalIncludingOvertime – Total shots on goal
  • playerTotalShotsIncludingOvertime – Total shots
  • playerTotalPassesIncludingOvertime – Total passes
  • playerTotalTacklesIncludingOvertime – Total tackles
  • anytimeGoalscorerAndOneXTwo – Anytime goalscorer & 1x2
  • xthGoalscorerAndOneXTwo – Xth goalscorer & 1x2
  • playerToScoreIncludingOvertime – Player to score

Line market tabs (secondary tab label keys: "increase" / "decrease"):

  • playerGoalsIncludingOvertime – Goals
  • playerShotsOnGoalIncludingOvertime – Shots on goal
  • playerShotsIncludingOvertime – Shots
  • playerToBeCardedIncludingOvertime – To be carded (prematch)
  • playerToBeCardedLive – To be carded (live)
  • playerAssistsIncludingOvertime – Assists
  • playerPassesIncludingOvertime – Passes
  • playerTacklesIncludingOvertime – Tackles
  • playerXPlusShotsOnTarget – X+ shots on target
  • playerXPlusShots – X+ shots
  • playerXPlusShotsOnTargetFromOutsideOfTheBox – X+ shots on target from outside the box
  • playerXPlusAssists – X+ assists
Parameters
Name Type Attributes Description
props object <required>
matchId string <required>

The match ID to get player prop markets for.
onAction function

Callback that emits bet slip data when a selection is clicked.
excludedTabs Array.<string>

Market IDs to exclude from the navigation.
includedTabs Array.<string>

Market IDs to include in the navigation. When set, only tabs matching these IDs are displayed. Takes precedence over excludedTabs.
tabOrder Array.<string>

Ordered list of market IDs defining custom sort order. Markets not in the list are placed at the end.
labelOverrides object

Override labels for specific tabs and their secondary tabs, keyed by tab ID. Each entry uses the tab ID as key and accepts:

  • label – overrides the primary (first row) tab label.
  • secondaryTabLabels – overrides secondary (second row) tab labels. The keys depend on the market type:
    • Single outcome tabs – key is a market ID (each sub-market becomes a secondary tab).
    • Multiple outcome tabs – key is an outcome ID (each named outcome becomes a secondary tab).
    • Line tabs – keys "increase" and "decrease" are available (override the +/− line control labels).
Valid structure is: 
{
    "goalscorers": {
        "label": "Goals",
        "secondaryTabLabels": {
            "40": "Any"
        }
    }
}
Examples

#1 Basic usage

<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', 'match.playerPropZone', {
         matchId: 'sr:match:61301097'
    });
</script>
<div id="sr-widget"></div>

#2 With tab filtering, ordering and label overrides

<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', 'match.playerPropZone', {
         matchId: 'sr:match:61301097',
         includedTabs: ['goalscorers', 'cards'],
         tabOrder: ['cards', 'goalscorers'],
         labelOverrides: {
             goalscorers: {
                 label: 'Goals',
                 secondaryTabLabels: {
                     '40': 'Any'
                 }
             }
         },
         onAction: function(data) {
             console.log(data);
         }
    });
</script>
<div id="sr-widget"></div>