Betting Entertainment Tools

Widgets Demo

US Integration

Widgets have configuration support for US sports where you can change clock type, result separator, invert teams,... Below is an integration example.

Example

Code

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>
            Match Preview US IntegrationExample
        </title>
        <style>
            body {
                display: flex;
                justify-content: center;
            }
            .widgets {
                max-width: 620px;
                width: 100%;
            }
            .sr-widget {
                border: rgba(0,0,0,0.12) solid 1px;
                margin-bottom: 24px;
            }
            .sr-widget-title {
                font-weight: bold;
                padding-bottom: 4px;
            }
        </style>
    </head>
    <body>
        <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", {
                theme: 'sportradar', // using custom theme
                language: "en",
                clockType: 12, // 12 or 24
                resultSeparator: "-", // any string as a separator
                teamInvert: { sid: { 2: true } } // 2 is a sport id, in this case basketball. For all sports you can replace `sid: { 2: true }` with `all: true`.
            });
            SIR("addWidget", ".sr-widget-1", "match.lmtplus", {matchId: 28808178});
        </script>
        <div class="widgets">
            <div><div class="sr-widget sr-widget-1"></div></div>
        </div>
    </body>
</html>