Player Prop Zone

Player Prop Zone widget displays player prop markets for a given match. It provides tabbed navigation by market type (goalscorers, cards, assists, shots, etc.) and supports custom tab order, label overrides, and bet slip integration via the onAction callback.

#What it looks like

The widget shows team selection at the top, primary prop categories (e.g. Goalscorers, Player goals, Player shots on goal), secondary filters (e.g. Anytime / 1st / Last goalscorer), and a pitch view with players and their odds. Locked or unavailable outcomes are indicated with a lock icon.

#Key capabilities

• Tabbed markets: Navigate player prop markets by category (goalscorers, cards, passes, shots, tackles, etc.).
• Configurable tabs: Restrict or reorder tabs via includedTabs, excludedTabs, and tabOrder.
• Label overrides: Customize tab and secondary tab labels with labelOverrides.
• Bet slip integration: Receive selection data via onAction and sync bet slip state via the adapter (see Bet slip integration).
• Theming: Customize appearance via CSS classes (see Theming customization).

#Requirements

• Match ID for the target match.
• Adapter registered via SIR('registerAdapter', '{ADAPTER_NAME}'). For bet slip sync, the adapter must implement the betSlipSelection endpoint (see Bet slip integration).
• See Adapter Overview for general adapter setup.

#Available tab IDs

The widget uses market IDs (and for some types, outcome IDs or line keys) for tabs and secondary tabs. Use these IDs in includedTabs, excludedTabs, tabOrder, and labelOverrides.

#Single outcome market tabs

Secondary tab label keys are market IDs:

#Multiple outcome market tabs

Secondary tab label keys are outcome IDs:

#Line market tabs

Secondary tab label keys are "increase" and "decrease":

#API Reference

#Properties

#labelOverrides structure

Each entry uses the tab ID as key and accepts:

• label: Override the main tab label.
• secondaryTabLabels: Override secondary (second row) tab labels. Keys depend on the market type:
  • Line tabs: keys "increase" and "decrease" (override the +/− line control labels).
  • Multiple outcome tabs: key is an outcome ID (each named outcome becomes a secondary tab).
  • Single outcome tabs: key is a market ID (each sub-market becomes a secondary tab).

Example:

{
  "goalscorers": {
    "label": "Goals",
    "secondaryTabLabels": {
      "40": "Any"
    }
  }
}

#Integration

#Basic setup

(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",
});

<div id="sr-widget"></div>

#With included tabs, tab order, and label overrides

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);
  },
});

<div id="sr-widget"></div>

#Theming

For CSS customization (colors, borders, typography), see Player Prop Zone – Theming customization.

#Bet slip integration

To add selections to your bet slip and keep the widget in sync with bet slip state, see Player Prop Zone – Bet slip integration.