Team profile widget

Description

The Team profile widget provides basic and advanced statistics about a team, as well as odds information.

Bind the widget to HTML DOM

🚧

Make sure that you have the loader already set up on your website.
If not, follow our guide:

🚀

Load Widgets 1.0 on your website

Open Recipe

You can bind the widget to the HTML DOM by two ways:

• Bind the widget without initial options. The required attribute here is "data-widgetId"

Bash

    <div data-widgetId="team"></div>

• Bind the widget with initial options. The all available options can be seen below

Bash

    <div data-widgetId="team" data-options='{...}'></div>

• The optional "data-options" attribute:

Bash

    {
        int teamId: 1,      // Unique identifier of the resource.
        int seasonId: 1 // when it is inputed in the data-options= {}, the team statistics for the given season are displayed, otherwise the statistics for the latest season are shown.
        string lang: 'en',    // the language in format like: en, bg, ru and etc.
        display["info", "stats", "odds"] -> A list of components to be displayed. If blank, all three options will be displayed (if available).
        Available options:
        - "info" - displays information about the team;
        - "stats" - displays statistical information;
        - "odds" - displays odds for selected eventiD if available;

        market:{"name":"1x2"} -> select a market for the odds.
        int[] oddProviderIds -> // A list of ids, these ids are odd provider ids. This option is responsible
                                        // for displaying only odd providers with the ids that are added in the given array.
                                        // If oddProviders and oddProviderIds options are both provided, the oddProviderIds option will be used only, as it is with a higher priority.

        string apiURL -> // The URL of the API for football information
        boolean canSelectMarkets -> // Show/Hide markets dropdown
        string apiKey  -> // The key for the authorization header which will be base64 encoded
        int eventId,      -> // Unique identifier of the resource.
        string oddClient  -> // Identifies the client for which to return filtered bookmakers with affiliate URLs.
                                     // Without the parameter can not sort odd_providers or provide affiliate links.
                                     // Instead it will sometimes give a 'coupon' key with the odds fo building URLs. header
                                     // NB! This option is mandatory, otherwise the odds wont be displayed
        displayTeamShortNamesOnDesktop: (true/false)  -> // This option replaces the team name with its short name on all resolutions, if "displayTeamCustomNamesOnDesktop" is not added
        displayTeamShortNamesOnMobile: (true/false)  -> // This option replaces the team name with its short name on mobile resolutions, if "displayTeamCustomNamesOnMobile" is not added
        displayTeamCustomNamesOnDesktop: (true/false)  -> // This option replaces the team name with its custom name on all resolutions
        displayTeamCustomNamesOnMobile: (true/false)  -> // This option replaces the team name with its custom name on mobile resolutions

    }

Team profile widget in the CMS

Currently, the Sportal365 CMS offers a variety of football widgets to enable creators to add sports-specific statistics and context to their articles, videos, or galleries.

Adding Team profile widget in Blocky

To display basic team information (founded date, league, coach, stadium, country, and social media):

• Enter your desired team in the Team field, select a Season and then Save block.

To display _advanced team information (_team wins, matches played, losses, points, and so on):

• Select the Display statistics option and then Save block.

To complement the information you provide about a team with odds:

• Select the Display odds option.
• When the Odds data panel appears, select a Match and Bookmaker.

📘

Note that displaying odds with the Team profile widget follows the same logic and steps of the Odds widget.

Video Example