Votre premier widget

Choisissez un widget, copiez son code d’intégration, puis personnalisez-le.

1. Ouvrez le catalogue de widgets et choisissez la vue souhaitée. Utilisez le configurateur pour sélectionner une équipe, une ligue, une compétition ou un match.
2. Connectez-vous et sélectionnez une offre développeur si nécessaire. Copiez le code d’intégration final, y compris son jeton, la classe de l’iframe et le script de redimensionnement.
3. Collez le code d’intégration dans un bloc HTML de votre site. Pour une WebView native, utilisez l’URL du widget et configurez l’application hôte afin de prendre en charge la vidéo et le plein écran.
4. Réglez uniquement les préférences prises en charge par ce widget. Testez-le sur mobile et avec le même jeton de compte que celui utilisé en production.

<iframe id="football-widget"
  title="Football scores"
  src="https://www.scorebat.com/embed/livescore/?token=YOUR_EMBED_TOKEN"
  style="display:block;width:100%;height:760px;border:0"
  allow="autoplay; fullscreen"
  allowfullscreen>
</iframe>

Fonctionnement des préférences

Quatre types de paramètres, avec des portées différentes.

Le paramètre d’URL est pref, au singulier. Il contient du JSON encodé pour une URL, et non du Base64. Utilisez les booléens true et false, pas des chaînes comme "true". Les clés inconnues ne constituent pas un mécanisme de personnalisation pris en charge.

const url = new URL("https://www.scorebat.com/embed/standings/team/chelsea/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  language: "en",
  tableview: "nearby",
  tableneighbors: 2,
  nomaxwidth: true
}));
// URLSearchParams performs the URL encoding once.
const iframe = document.querySelector("#football-widget");
iframe.src = url.toString();

Pour modifier une URL existante, analysez son JSON pref, changez les clés nécessaires, puis sérialisez-le à nouveau. Ne concaténez pas de JSON non échappé et n’encodez pas une seconde fois une valeur déjà encodée.

Une préférence peut être analysée correctement sans avoir d’effet si le widget sélectionné ne l’utilise pas. Chaque section ci-dessous indique les préférences prises en charge et les exceptions importantes.

Trouver le bon contenu

Utilisez de vraies sélections issues du générateur et conservez le type d’entité.

Les routes d’équipe et de compétition utilisent les identifiants fournis par le générateur. Les slugs comme chelsea ou england-premier-league sont des exemples lisibles ; ne créez pas d’identifiant en mettant simplement un nom affiché en minuscules. Les routes de match nécessitent un identifiant obtenu via le sélecteur de match ou une valeur matchviewUrl déjà renvoyée.

Une compétition désigne une compétition ou une phase précise. Une ligue regroupe des compétitions liées. Le sélecteur unifié choisit le type approprié ; une ligue et une compétition ne sont pas interchangeables.

Le générateur de la Coupe du monde est une configuration prédéfinie reposant sur les mêmes widgets de compétition, de barre des scores, de panneau vidéo et de match. Utilisez la sélection du générateur actuel plutôt qu’un ancien alias de compétition.

Dimensionnement adaptatif

Associez le bon script auxiliaire au widget.

<iframe title="Football widget"
  class="_scorebatEmbeddedPlayer_"
  src="https://www.scorebat.com/embed/team/chelsea/?token=YOUR_EMBED_TOKEN"
  allow="autoplay; fullscreen" allowfullscreen
  style="display:block;width:100%;height:760px;border:0"></iframe>
<script src="https://www.scorebat.com/embed/embed.js?v=arrv"
  id="scorebat-jssdk"></script>

<iframe title="Football videos"
  class="_scorebatEmbeddedPanel_"
  src="https://www.scorebat.com/embed/videopanel/?token=YOUR_EMBED_TOKEN"
  allow="autoplay; fullscreen" allowfullscreen
  style="display:block;width:100%;height:800px;border:0"></iframe>
<script>
  window.SCOREBAT_OPTIONS = {
    panelClassName: "_scorebatEmbeddedPanel_",
    panelSizing: "responsive"
  };
</script>
<script src="https://www.scorebat.com/embed/panelx.js?v=f4fksn"
  id="scorebat-paneljs"></script>

Chargez chaque script auxiliaire une seule fois par page, après les éléments iframe qu’il doit gérer. Conservez la classe d’iframe correspondante. Dans une application avec rendu côté client, montez les éléments iframe avant d’insérer le script auxiliaire ; ne partez pas du principe qu’une chaîne de script placée dans le HTML sera exécutée.

Les bandeaux de scores utilisent leur hauteur fixe. Pour les panneaux de dimensions fixes ou les autres intégrations à hauteur fixe, omettez le dimensionnement automatique et définissez les dimensions de l’iframe en CSS. Le paramètre interne nomaxwidth ne redimensionne pas l’iframe.

Couleurs, accès et paramètres du compte

Séparez les préférences de l’instance des paramètres enregistrés.

Le générateur enregistre la couleur d’arrière-plan dans le paramètre de compte ui.color et la couleur de la barre des scores dans ui.barColor. Il peut aussi ajouter un style background-color à l’iframe. Placer color ou barColor dans pref ne définit pas le thème interne du widget.

Les couleurs enregistrées s’appliquent à tout le compte et nécessitent le droit de personnalisation correspondant. Leur modification peut affecter d’autres intégrations utilisant le même compte. L’aperçu du configurateur peut afficher un style de démonstration ; testez l’intégration exportée avec votre véritable jeton.

Masquer un en-tête de contenu avec noheader nécessite un accès actif sans publicité. La suppression de l’identité visuelle dépend d’un droit distinct. Les préférences ne permettent pas de débloquer des fonctionnalités payantes, de contourner les restrictions d’une offre ni de forcer l’affichage de contenu IA indisponible.

Les comptes admissibles peuvent configurer les URL de navigation des matchs, équipes, ligues et compétitions dans les paramètres du compte. Il s’agit de préférences de liens enregistrées, et non de clés pref arbitraires. Conservez la navigation standard du configurateur sauf si vous avez configuré et testé une intégration personnalisée.

Les chargements de widgets et de lecteurs sans publicité partagent le quota développeur avec les appels facturables à l’API vidéo. Un appel API facturable consomme cinq crédits et le chargement d’un widget ou lecteur sans publicité en consomme un. Consultez votre offre active et votre utilisation dans votre compte ; le dépassement du quota peut rétablir les restrictions de l’offre gratuite.

Onglets et navigation personnalisée

Les onglets initiaux et les destinations personnalisées utilisent des configurations distinctes.

Les widgets complets de match, d’équipe, de ligue et de compétition peuvent s’ouvrir dans l’onglet sélectionné. tab est un paramètre de requête distinct, et non une clé dans pref. Un accès actif sans publicité est requis, et l’onglet demandé doit aussi être disponible pour le contenu sélectionné.

const url = new URL("https://www.scorebat.com/embed/team/chelsea/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("tab", "fixtures");
url.searchParams.set("pref", JSON.stringify({language: "en", nomaxwidth: true}));

Les bases de navigation personnalisées sont enregistrées dans les préférences du compte : matchviewUrl, teamUrl, competitionUrl et leagueUrl. Lorsque cette fonction est prise en charge, le widget ajoute l’identifiant sélectionné et une barre oblique finale à la base configurée. Utilisez une base se terminant par une barre oblique et assurez-vous que la destination gère cette route.

Lors de l’ouverture d’une fenêtre contextuelle personnalisée configurée, le widget ajoute normalement sbprf, qui contient du JSON encodé pour une URL avec la langue actuelle. Votre destination peut lire ce paramètre et transmettre la langue prise en charge à son propre widget. Il ne s’agit pas d’une copie de toutes les préférences de la source.

Configuration du domaine personnalisé

Gardez les visiteurs sur votre site lorsqu’ils ouvrent des matchs, des compétitions, des ligues et des équipes. Disponible avec Advanced et Enterprise.

Cette fonctionnalité relie les liens des widgets aux pages que vous hébergez. Elle ne déplace pas les services ScoreBat vers votre domaine et ne nécessite aucune modification DNS. Votre serveur doit afficher le widget approprié à chaque URL prise en charge.

1. Créez une page hôte contenant le chargeur ci-dessous. Remplacez YOUR_EMBED_TOKEN par votre propre jeton d’intégration obtenu dans l’outil de création.
2. Configurez des réécritures internes afin que chaque chemin pris en charge affiche cette page tout en conservant l’URL et la chaîne de requête d’origine dans le navigateur.
3. Testez de vraies URL de matchs, compétitions, ligues et équipes avant d’activer les liens pour l’ensemble de votre compte.
4. Dans Compte, ouvrez les paramètres développeur et saisissez les URL de base. Vérifiez les modifications, confirmez que vous avez testé les pages, puis enregistrez. Les liens prennent effet immédiatement après un enregistrement réussi ; aucune validation manuelle n’est nécessaire.

<script>
window.SCOREBAT_OPTIONS = {
  embedToken: "YOUR_EMBED_TOKEN",
  baseDir: "/"
};
</script>
<script src="https://www.scorebat.com/embed/embedx.js?v=vh2"></script>

Le chargeur partagé attend les noms de chemin matchview, competition, league et team. Un chemin comme /match/123/ nécessite votre propre logique de routage pour l’associer à l’intégration matchview ; renommer uniquement l’URL ne suffit pas.

RewriteEngine On
RewriteRule ^(?:matchview|competition|league|team)/[^/]+/?$ popup.html [L]
# Place popup.html at the website root.
# Keep these rules before a general application catch-all.

location ~ ^/(matchview|competition|league|team)/[^/]+/?$ {
    rewrite ^ /popup.html last;
}
# Serve /popup.html as an existing static file in this server.
# Adapt this example to your application routing before reloading Nginx.

Pour un sous-répertoire comme /football/, utilisez baseDir: "/football/", redirigez /football/matchview/... et les trois autres chemins vers la page partagée, puis enregistrez les URL de base avec le même préfixe /football/. Conservez les paramètres de requête, notamment sbprf, qui contient les préférences de navigation.

Le chargeur peut mettre à jour le titre de la page hôte. Définissez noTitle: true dans SCOREBAT_OPTIONS si votre site gère son propre titre. Utilisez de vrais identifiants provenant de l’outil de création ; les valeurs fictives ne constituent pas un contenu valide.

Configuration de WordPress

Affichez la même page WordPress sur chaque route de widget.

1. Créez une page WordPress pour héberger votre widget et ajoutez le script de page hôte partagée de la section précédente. Utilisez votre propre jeton d’intégration.
2. Repérez l’identifiant de la page dans l’URL de l’éditeur, puis remplacez 123 dans l’exemple ci-dessous. Placez le code dans une petite extension dédiée au site ou dans votre thème enfant, et non dans un thème parent qu’une mise à jour pourrait écraser.
3. Enregistrez une fois Réglages → Permaliens après avoir ajouté ou modifié les règles de réécriture. Ne réinitialisez pas les règles de réécriture à chaque requête.
4. Ouvrez de vraies URL pour les quatre types de contenu et vérifiez que les bons widgets se chargent avant d’enregistrer vos URL de base dans Compte.

<?php
// Put this in a small plugin or child theme functions.php.
// Omit the opening PHP tag if the file already has one.
function scorebat_custom_widget_routes() {
    $page_id = 123; // Replace with your widget host page ID.
    add_rewrite_rule(
        '^(matchview|competition|league|team)/[^/]+/?$',
        'index.php?page_id=' . $page_id,
        'top'
    );
}
add_action('init', 'scorebat_custom_widget_routes');

Certains rôles, éditeurs et hébergeurs WordPress suppriment les balises script des blocs HTML personnalisé. Si le chargeur disparaît, demandez à votre développeur de l’ajouter au moyen d’une extension de site fiable ou d’un modèle de page, uniquement sur la page hôte du widget. Si les liens profonds échouent, vérifiez vos extensions de cache, de redirection et de sécurité.

Pour une installation WordPress dans un sous-répertoire, définissez baseDir sur le chemin d’installation avec une barre oblique finale. Les modèles de réécriture sont relatifs à cette installation ; les URL de base du compte doivent inclure le même préfixe.

Tester et activer vos liens

Une URL enregistrée ne prouve pas que votre site est prêt. Effectuez d’abord les tests, puis confirmez la modification pour l’ensemble du compte.

1. Consultez une vraie URL pour chaque type de contenu configuré. Vérifiez que le bon widget s’affiche, puis actualisez la page et ouvrez-la dans un nouvel onglet du navigateur.
2. Vérifiez l’affichage sur mobile, la hauteur du widget et la navigation entre les types de contenu. Conservez l’URL d’origine du lien profond visible ; ne redirigez pas toutes les requêtes vers popup.html ou vers le slug de la page WordPress.
3. Vérifiez que HTTPS fonctionne et que votre serveur conserve la chaîne de requête. Consultez les erreurs du navigateur si une politique de sécurité du contenu bloque les scripts ou les iframes ScoreBat.
4. Enregistrez dans Compte après avoir confirmé la configuration. Ouvrez un lien depuis un widget utilisant le même jeton de compte afin de vérifier les destinations activées.
5. Pour rétablir les destinations ScoreBat, effacez les URL de base concernées ou choisissez Utiliser les liens ScoreBat, puis vérifiez et enregistrez de nouveau.

Ces couleurs sont partagées par tous les widgets compatibles utilisant le jeton de votre compte, y compris ceux que vous avez déjà publiés.

La modification du domaine personnalisé nécessite un abonnement Advanced ou Enterprise actif. Les autres développeurs peuvent voir les réglages et changer d’offre. Les liens déjà configurés sont conservés. Contactez ScoreBat si votre configuration ne correspond pas à ces exemples.

Choisissez votre widget

Chaque référence indique ses propres préférences prises en charge, valeurs par défaut et exceptions.

Utilisez le filtre par famille ci-dessous pour trouver le widget que vous intégrez. Un même nom de paramètre peut avoir des effets propres à chaque widget ; une préférence n’est prise en charge que lorsqu’elle est indiquée. Les routes avancées sont signalées lorsqu’elles ne disposent pas d’une configuration dédiée dans le générateur.

Scores en direct

Scores, calendrier et résultats de plusieurs compétitions.

/embed/livescore/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

const url = new URL("https://www.scorebat.com/embed/livescore/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "limitwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Bandeau des scores

Un bandeau horizontal de scores pour tous les matchs, une équipe ou un tournoi.

/embed/livescore-bar/
/embed/livescore-bar/team/{team}/
/embed/livescore-bar/competition/{competition}/
/embed/livescore-bar/league/{league}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

const url = new URL("https://www.scorebat.com/embed/livescore-bar/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Ligue complète

Une vue complète de la ligue regroupant les compétitions, les matchs et les classements associés.

/embed/league/{league}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/league/{league}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Compétition complète

Matchs, résultats et classements disponibles pour une compétition.

/embed/competition/{competition}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/competition/{competition}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Calendrier et résultats

Une vue dédiée au calendrier et aux résultats, avec un onglet Aujourd’hui lorsque cela s’applique.

/embed/fixtures/competition/{competition}/
/embed/fixtures/league/{league}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "fixturesview": "fixtures",
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/fixtures/competition/{competition}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "fixturesview": "results",
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Classements des compétitions et ligues

Classements dédiés à une ligue ; une ligue peut afficher les classements de plusieurs phases.

/embed/standings/competition/{competition}/
/embed/standings/league/{league}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/standings/competition/{competition}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "tabledetailed": true,
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Équipe complète

Une page d’équipe complète avec ses matchs et les informations disponibles.

/embed/team/{team}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/team/{team}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Classement d’une équipe

Un classement centré sur une équipe, avec la possibilité d’afficher le classement complet.

/embed/standings/team/{team}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "tableview": "nearby",
  "tableneighbors": 3,
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/standings/team/{team}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "tableview": "nearby",
  "tableneighbors": 2,
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Carte des matchs d’une équipe

Cartes des prochains matchs et/ou des derniers matchs terminés d’une équipe.

/embed/team-match/team/{team}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "matchmode": "both",
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/team-match/team/{team}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "matchmode": "next",
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Match complet

Vue complète du match avec les informations disponibles pour cette rencontre.

/embed/matchview/{match}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/matchview/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Score du match

Une fiche de score de match avec les événements en option.

/embed/matchscore/{match}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/matchscore/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "noevents": true,
  "layout": "mini",
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Composition

Titulaires, présentation sur le terrain ou en liste et remplaçants, selon les données disponibles.

/embed/line-up/{match}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/line-up/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "layout": "field",
  "subs": "collapse",
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Statistiques du match

Les statistiques de match disponibles dans une vue dédiée.

/embed/matchstats/{match}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/matchstats/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Face-à-face

Confrontations précédentes et éléments de comparaison pour le match sélectionné.

/embed/match-h2h/{match}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "nomaxwidth": true
}

const url = new URL("https://www.scorebat.com/embed/match-h2h/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Vidéo et IA du match

Contenu vidéo et contexte IA disponible pour le match sélectionné.

/embed/g/{match}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

const url = new URL("https://www.scorebat.com/embed/g/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "autoplay": false
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Classement du match

Les classements disponibles avec les deux équipes du match mises en évidence.

/embed/matchstandings/{match}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

const url = new URL("https://www.scorebat.com/embed/matchstandings/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "dontcollapse": true,
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

IA du match

Une vue dédiée aux prédictions de l’IA, lorsqu’elles sont disponibles.

/embed/matchai/{match}/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

const url = new URL("https://www.scorebat.com/embed/matchai/{match}/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "nomaxwidth": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Panneau vidéo

Un lecteur vidéo avec une sélection de matchs à parcourir.

/embed/videopanel/
/embed/videopanel/team/{team}/
/embed/videopanel/competition/{competition}/
/embed/videopanel/league/{league}/
/embed/videopanel/live-stream/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "autoplay": true
}

const url = new URL("https://www.scorebat.com/embed/videopanel/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "autoplay": false
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Fil vidéo

Un flux vertical de vidéos de matchs, avec développement et lecture automatique en option.

/embed/videofeed/
/embed/videofeed/team/{team}/
/embed/videofeed/competition/{competition}/
/embed/videofeed/league/{league}/
/embed/videofeed/live-stream/

Préférences prises en charge

Les valeurs par défaut décrivent les URL sans paramètres supplémentaires. Utilisez uniquement les préférences indiquées pour ce widget.

Valeurs par défaut du configurateur

Le générateur définit explicitement ces préférences. Les autres valeurs par défaut sont héritées de la variante sélectionnée.

{
  "autoplay": true,
  "dontcollapse": true
}

const url = new URL("https://www.scorebat.com/embed/videofeed/");
url.searchParams.set("token", "YOUR_EMBED_TOKEN");
url.searchParams.set("pref", JSON.stringify({
  "autoplay": false,
  "dontcollapse": true
}));
// Replace route placeholders with your builder selection.
// Use this URL as the iframe src with the sizing setup above.

Extension WordPress

Ajoutez et gérez des widgets de football directement depuis votre tableau de bord WordPress.

Utilisez l’extension ScoreBat pour ajouter à votre site WordPress les scores en direct, les rencontres, les classements, les widgets d’équipe et de match, ainsi que les résumés vidéo officiels.

Obtenir l’extension ScoreBat sur WordPress.org

1. Dans votre tableau de bord WordPress, ouvrez Extensions → Ajouter une extension, recherchez ScoreBat, puis installez et activez l’extension.
2. Ouvrez ScoreBat dans votre tableau de bord et choisissez Se connecter à ScoreBat. Connectez-vous ou créez un compte gratuit, puis autorisez la connexion à votre site web.
3. Ouvrez le catalogue de widgets, choisissez et personnalisez un widget, puis confirmez avec Utiliser dans WordPress pour l’enregistrer sur votre site.
4. Ajoutez un bloc Widget de football ScoreBat et sélectionnez votre widget enregistré, ou collez son code court dans un bloc Code court. Vous pouvez également créer depuis le tableau de bord ScoreBat un brouillon de page contenant déjà le widget.
5. Prévisualisez votre page sur ordinateur et sur mobile, puis publiez-la lorsque vous êtes prêt.

Lorsqu’un paramètre ne fonctionne pas

Vérifiez la route, le type de valeur, les droits d’accès et l’environnement d’intégration.

1. Vérifiez que la route correspond à la section du widget que vous consultez. La vue complète d’une équipe, son classement et sa fiche de match utilisent des moteurs de rendu différents.
2. Vérifiez la clé exacte en minuscules et le type JSON. Utilisez pref={...} encodé une seule fois ; ne transmettez ni libellés d’interface ni noms internes en camelCase.
3. Comparez avec la liste des préférences prises en charge. Une commande du configurateur peut être présente sur plusieurs variantes même si un moteur de rendu particulier ne l’utilise pas.
4. Vérifiez votre offre active et votre jeton. La suppression de l’en-tête, les couleurs, l’identité visuelle et les fonctionnalités d’IA peuvent dépendre de vos droits d’accès.
5. Testez l’URL réellement exportée, pas un aperçu de démonstration. Vérifiez que la page hôte autorise l’iframe et le script de dimensionnement requis.
6. Si le contenu lui-même est absent, essayez un autre match ou une autre compétition disposant de données. Une préférence ne peut pas générer des classements, vidéos ou compositions manquants.

En cas de problème de mise en page, vérifiez d’abord la largeur et la hauteur du conteneur parent. Si le contenu est tronqué, contrôlez le script auxiliaire et la classe de l’iframe, ou augmentez la hauteur fixe. Actualisez le widget après avoir modifié son URL ou ses paramètres enregistrés.

Créer avec un assistant IA

Un guide copiable et un manifeste de widget lisible par une machine.

Consultez le guide Markdown pour les instructions d’intégration et le manifeste JSON pour les routes, les noms de préférences pris en charge, les valeurs autorisées, les valeurs par défaut et les remarques d’applicabilité. Tous deux contiennent des espaces réservés plutôt que des jetons de compte.

1. Choisissez la variante exacte du widget et un identifiant réel dans le configurateur. N’inventez jamais de route ni de préférence.
2. Utilisez la liste des préférences prises en charge par ce widget. Conservez les clés en minuscules et les types de valeurs JSON.
3. Construisez les URL avec URL et URLSearchParams, et conservez le jeton d’intégration. Gardez les paramètres de dimensions en dehors de pref.
4. Respectez les droits du compte et la disponibilité du contenu. Ne prétendez jamais qu’une préférence peut supprimer l’identité visuelle ou faire apparaître un contenu indisponible.
5. Ajoutez un titre descriptif à l’iframe, des dimensions adaptées, les autorisations vidéo nécessaires et le bon script auxiliaire.