Competition Statistics

A competition's season on one page — a progress header, upcoming fixtures and results, player rankings, and season-wide statistics. Fixtures sit in Upcoming / Results tabs with a round picker, grouped by day and, in a multi-stage competition, by stage. Each match row expands: a finished or live match shows its match stats and a goal timeline, an upcoming one both teams' form, a season comparison and the previous meeting.

<div data-component="fu-widget" data-content-type="competition-statistics" data-content-id="fb:c:3"></div>

Configuration Attributes

Odds attributes (see Betting Odds below):

Per-element attributes override the global competitionStatistics config field by field, including inside its nested objects (odds and its affiliateIds, the three CTAs, labels) — setting data-competition-statistics-odds-operators keeps a globally configured odds.affiliateId.

Sections

data-competition-statistics-sections both picks and orders them, so "season,players" puts the season statistics first and leaves the fixtures out. Unknown entries are ignored with a console warning.

In a competition with more than one stage (regular season, championship / relegation groups, play-offs), stage pills sit above the round picker and the rounds are the selected stage's own. The Upcoming tab opens on the stage of the next match, Results on the stage of the latest one. Postponed, cancelled, interrupted and abandoned matches are listed with the results, the reason shown in place of the score.

Link CTAs

Three kinds of card link out through a CTA you configure. No URLs are baked in: without a CTA, the card is inert.

Each prefix takes three suffixes:

<div
	data-component="fu-widget"
	data-content-type="competition-statistics"
	data-content-id="fb:c:3"
	data-competition-statistics-team-cta-url="/football/team/{competitorId}"
	data-competition-statistics-player-cta-url="/football/player/{athleteId}"
	data-competition-statistics-player-cta-target="_blank"
></div>

In FuWidget.init(), a CTA's onClick receives the clicked id — teamCTA: { onClick: (competitorId) => router.push(...) }.

Betting Odds

Off by default. With data-competition-statistics-show-odds="true", each upcoming match row shows 1X2 odds from the first operator in data-competition-statistics-odds-operators with a complete market, and a live match shows in-play prices — pre-match prices are never shown on a match in progress. One request covers the round on screen. In a container narrower than 600px the odds move to a second line under the teams. When no operator has prices the strip simply does not render, and the operator's own link opens on click either way. The odds settings are the same as the Competitor Card's.

The widget owns no betslip. Set data-competition-statistics-add-to-betslip="true" to push a clicked price into the Betslip widget on the same page as a selection ({matchId}:{market}:{outcome} — e.g. fb:m:123:FT_1X2:1 — the same id FuWidget.betslip.setSelection takes).

<div
	data-component="fu-widget"
	data-content-type="competition-statistics"
	data-content-id="fb:c:3"
	data-competition-statistics-show-odds="true"
	data-competition-statistics-odds-operators="betano-bg"
	data-competition-statistics-add-to-betslip="true"
></div>
<div data-component="fu-widget" data-content-type="betslip"></div>

Callbacks

Two callbacks, both programmatic config only (competitionStatistics.callbacks in FuWidget.init()) — each receives an argument, so there is no data-attribute equivalent.

Global Configuration

Set defaults for all Competition Statistics widgets in FuWidget.init():

FuWidget.init({
	// ... other config
	competitionStatistics: {
		sections: ["header", "matches", "players", "season"],
		playerRankingsLayout: "auto",
		playerRankingsRows: 5,
		liveRefresh: true,
		refreshInterval: 30000,
		showOdds: true,
		odds: {
			operators: ["betano-bg", "efbet-bg"], // Preference order — a row shows one operator
			affiliateId: "aff-123", // Substituted into operator URLs carrying {affiliate_id}
		},
		addToBetslip: true,
		matchCTA: { url: "/football/match/{matchId}" },
		teamCTA: { url: "/football/team/{competitorId}" },
		playerCTA: {
			url: "/football/player/{athleteId}",
			onClick: (athleteId) => router.push(/* ... */), // Optional: handle the click in your app instead of navigating
		},
		labels: { upcoming: "Fixtures" },
		callbacks: {
			onBroadcastClick: (matchId) => openTvSchedule(matchId), // Optional: shows the TV icon on upcoming matches
			onAddToBetslip: (selection) => console.log(selection), // Optional: observe clicked odds prices
		},
	},
});

Examples

Fixtures Only

<div
	data-component="fu-widget"
	data-content-type="competition-statistics"
	data-content-id="fb:c:3"
	data-competition-statistics-sections="header,matches"
></div>

Season Statistics First, Linked Rankings

<div
	data-component="fu-widget"
	data-content-type="competition-statistics"
	data-content-id="fb:c:1"
	data-competition-statistics-sections="season,players,matches"
	data-competition-statistics-team-cta-url="/teams/{competitorId}"
	data-competition-statistics-player-cta-url="/players/{athleteId}"
></div>

One Stage of a Past Season

<div
	data-component="fu-widget"
	data-content-type="competition-statistics"
	data-content-id="fb:c:3"
	data-competition-statistics-season-id="fb:c:3:2025/26"
	data-competition-statistics-stage-id="your-stage-id"
></div>

Features

• Upcoming / Results tabs with a round picker, matches grouped by day
• Multi-stage competitions grouped by stage, with Standings-style stage pills
• Expandable rows — match stats and a goal timeline for a finished or live match; form, a season comparison and the previous meeting for an upcoming one
• Live matches with a pulsing minute, the half-time score and polling
• Opt-in 1X2 odds on the match rows — in-play prices for a live match, operator preference, affiliate attribution and opt-in Betslip integration
• Player rankings and season-wide statistics, with team callouts and record matches
• Sections can be picked and reordered; an optional TV icon on upcoming matches, driven by your own callback