Betting Entertainment Tools

Widgets Demo

Virtual Stadium Solution

Glossary:

VS → Virtual Stadium
Virtual Stadium widget

Check Virtual Stadium troubleshooting here.

Parameters
Name Type Attributes Default Description
jwt string <required>

A signed JSON Web Token
channelId string <required>

Id of channel to open
matchId number

Sportradar match id, if provided and match is covered by Sportradar it will enable match events.
onAction function

Function/event handler. Is executed when a specific event occurs. Example:

onAction: function(args) {
     switch (args.type) {
         case 'Click': {
             // handle click accordingly, args.data will have additional information.
         }
         case 'ContactSupport': {
             // handle contactSupport accordingly.
         }
         ...
     }
 }

Click on USE BETSLIP executes onAction function with args.type CopyBet and args.data with bet slip object. You can then use data to add provided bet slip combination to bet slip on your site.
contactSupport function

Function/event handler. Is executed when user clicks contactSupport button.
isTimeSinceTextFormat bool true

Switch between regular timestamp of posted message (13:56) and time since format (4m ago) for chat bubbles. Messages under 1min have the "now" timestamp.
shareNewBetButtonPosition 'top' | 'bottom' 'top'

Change 'Share a new bet' button position with 'top' and 'bottom' values.
disableScoreboard bool

Disable scoreboard component
'lmtVariant' string

LMT Variant
disablePitchClock bool

Disable Pitch Clock component
disableNavigation bool

Disable Navigation component
disableHeader bool

Disable Header section of virtual stadium
hideTournamentName bool

Hide Tournament Name in VS header navigation and show VS Name
disableProfile bool

Disable Profile component
buttonVariant 'large' | 'compact'

If integration: floatingButton, control the button size/content

  • large: full button, icon and text
  • compact: just the icon
Example
```html
<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'
   });
   // Virtual Stadium Widget
   SIR('addWidget', '.sr-vs-widget', 'virtualStadium', {matchId: {MATCH_ID}, channelId: "{CHANNEL_ID}", jwt: "{JWT}"});
</script>
<div class="vs-wrapper">
   <div class="sr-vs-widget"></div>
</div>