StatsFC

Player Rater

Here you'll find sample code and an example of our Player Rater widget. The widget comes with it's own CSS, and is fully customisable.

This widget is also available as a WordPress plugin: StatsFC Player Rater.

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 Player Rater 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://statsfc-4f51.kxcdn.com/widget/player-rater-1.0.js';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'statsfc-player-rater-js'));
    </script>

    <!-- Your player rater here -->
    <div class="statsfc-player-rater"
        data-key="YOUR STATSFC KEY"
        data-team="Liverpool"
        data-use-default-css="true">
    </div>

</body>
</html>

Settings

Setting HTML5 Attribute Description Default
key data-key Required. Your Stats FC account key. None
team data-team Required. The name of the team you want to show the player ratings for.
E.g., Manchester City, Liverpool
None
competition data-competition Optional. The key of the competition you want to show the player ratings for.
None
date data-date Optional. The date of the fixture you want to show (YYYY-MM-DD).
E.g., 2017-06-28
None
restricted data-restricted Optional. Whether or not you want to restrict the average ratings to those from your own site.
Can be one of: true, false
false
hideAverage data-hide-average Optional. Whether or not you want to hide the average ratings until a user has rated.
Can be one of: true, false
false
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

Code Generator

Field Value

Credits

If you'd like to help us with any translations please get in touch at hello@statsfc.com or on Twitter @StatsFC.