Fixtures
Here you'll find sample code and an example of our Fixtures widget. The widget comes with it's own CSS, and is fully customisable.
This widget is also available as a WordPress plugin: StatsFC Fixtures.
Full Code Example
<html>
<head>
<title>Your Website Title</title>
</head>
<body>
<!-- Load jQuery -->
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- Load Stats FC Fixtures SDK -->
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://cdn.statsfc.com/js/fixtures.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'statsfc-fixtures-js'));
</script>
<!-- Your fixtures here -->
<div class="statsfc-fixtures"
data-key="YOUR STATSFC KEY"
data-competition="EPL"
data-show-badges="true"
data-use-default-css="true">
</div>
</body>
</html>
Settings
Setting |
HTML5 Attribute |
Description |
Default |
key |
data-key |
Required. Your Stats FC account key. |
None |
competition |
data-competition |
Required*. The key of the competition you want to show the fixtures for.
|
None |
team |
data-team |
Required*. The name of the team you want to show the fixtures for.
E.g., Manchester City , Liverpool
|
None |
season |
data-season |
Optional. The season you want to show the fixtures for.
E.g., 2016/2017
|
None |
from |
data-from |
Optional. The date to get fixtures from.
E.g., 2024-12-09 , today
|
None |
to |
data-to |
Optional. The date to get fixtures to.
E.g., 2024-12-23 , +2 weeks , next Monday
|
None† |
limit |
data-limit |
Optional. The maximum number of fixtures to return.
E.g., 1 , 4 , 10
|
None |
highlight |
data-highlight |
Optional. The name of the team you want to highlight.
E.g., Manchester City , Liverpool
|
None |
showBadges |
data-show-badges |
Optional. Whether or not you want to display team badges.
Can be one of: true , false
|
false |
timezone |
data-timezone |
Optional. The timezone you want to convert the match time to.
|
Europe/London |
omitErrors |
data-omit-errors |
Optional. Whether or not you want to omit error messages.
Can be one of: true , false
|
false |
useDefaultCss |
data-use-default-css |
Optional. Whether or not you want to use the widget's default styles.
Can be one of: true , false
|
false |
lang |
data-lang |
Optional. The ISO 639-1 two-letter language code.
|
en |
Notes
*At least one of competition
or team
is required.
†If no from
or to
parameters are provided, to
will default to the end of the current matchweek.
Code Generator
Credits
If you'd like to help us with any translations please get in touch at hello@statsfc.com.