Je eerste widget

Kies een widget, kopieer de insluitcode en pas deze aan.

1. Open de widgetcatalogus en kies de gewenste weergave. Gebruik de configurator om een team, liga, competitie of wedstrijd te selecteren.
2. Log in en selecteer indien nodig een ontwikkelaarsabonnement. Kopieer de voltooide insluitcode, inclusief token, iframe-klasse en script voor afmetingen.
3. Plak de insluitcode in een HTML-blok op je site. Gebruik voor een native WebView de widget-URL en stel de host-app zo in dat video en volledig scherm worden ondersteund.
4. Pas alleen voorkeuren aan die de widget ondersteunt. Test op mobiele apparaten en met hetzelfde accounttoken dat je in productie gaat gebruiken.

<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>

Hoe voorkeuren werken

Vier verschillende soorten instellingen, elk met een ander bereik.

De URL-parameter is pref, in het enkelvoud. Deze bevat URL-gecodeerde JSON, geen Base64. Gebruik de booleaanse waarden true en false, niet tekenreeksen zoals "true". Onbekende sleutels vormen geen ondersteunde aanpassingsmethode.

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();

Wanneer je een bestaande URL bewerkt, verwerk je de pref-JSON, wijzig je de benodigde sleutels en serialiseer je deze vervolgens opnieuw. Voeg geen niet-escaped JSON samen en codeer een al gecodeerde waarde niet nogmaals.

Een voorkeur kan correct worden verwerkt maar geen effect hebben als de geselecteerde widget deze niet gebruikt. In elk widgetgedeelte hieronder staan de ondersteunde voorkeuren en belangrijke uitzonderingen.

Vind de juiste content

Gebruik echte selecties uit de configurator en behoud het entiteitstype.

Routes voor teams en toernooien gebruiken de ID's die door de configurator worden gegenereerd. Slugs zoals chelsea en england-premier-league zijn leesbare voorbeelden; maak geen ID's door een weergavenaam om te zetten naar kleine letters. Voor wedstrijdroutes is een wedstrijd-ID uit de wedstrijdkiezer of een bestaande geretourneerde matchviewUrl vereist.

Een competitie verwijst naar één specifieke competitie of fase. Een liga groepeert verwante competities. De uniforme kiezer selecteert het juiste type; liga en competitie zijn niet onderling uitwisselbaar.

De WK-configurator is een voorinstelling voor dezelfde competitie-, scorebalk-, videopaneel- en wedstrijdwidgets. Gebruik de selectie uit de huidige configurator en niet een oude toernooialias.

Responsieve afmetingen

Gebruik het juiste hulpscript voor de 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>

Laad elk hulpscript eenmaal per pagina, na de iframe-elementen die het moet beheren. Behoud de bijpassende iframe-klasse. Plaats in een client-gerenderde app eerst de iframe-elementen voordat je het hulpscript invoegt; ga er niet van uit dat een scripttekenreeks die in HTML wordt geplaatst automatisch wordt uitgevoerd.

Scorebalken gebruiken hun vaste balkhoogte. Laat automatische afmetingen weg voor panelen met een vaste grootte of andere insluitingen met een vaste hoogte en stel de iframe-afmetingen in via CSS. De interne instelling nomaxwidth past de grootte van het iframe niet aan.

Kleuren, toegang en accountinstellingen

Houd instantievoorkeuren gescheiden van opgeslagen instellingen.

De configurator slaat de achtergrondkleur op als de accountinstelling ui.color en de kleur van de scorebalk als ui.barColor. Ook kan deze een background-color-stijl aan de iframe toevoegen. Door color of barColor in pref te plaatsen, wordt het interne thema van de widget niet ingesteld.

Opgeslagen kleuren gelden voor het hele account en vereisen de juiste aanpassingsrechten. Wijzigingen kunnen andere insluitingen met hetzelfde account beïnvloeden. Het voorbeeld in de configurator kan demostijlen tonen; controleer de geëxporteerde insluitcode met je eigen token.

Voor het verbergen van een contentkop met noheader is actieve advertentievrije toegang vereist. Voor het verwijderen van branding zijn afzonderlijke rechten nodig. Voorkeuren kunnen geen betaalde functies ontgrendelen, abonnementsbeperkingen verwijderen of niet-beschikbare AI-content afdwingen.

Geschikte accounts kunnen in de accountinstellingen navigatie-URL's instellen voor wedstrijden, teams, liga's en competities. Dit zijn opgeslagen linkvoorkeuren, geen willekeurige pref-sleutels. Behoud de standaardnavigatie van de configurator, tenzij je een aangepaste integratie hebt ingesteld en getest.

Advertentievrije widget- en spelerweergaven delen de ontwikkelaarsbundel met factureerbare Video API-aanroepen. Een factureerbare API-aanroep kost vijf credits en een advertentievrije widget- of spelerweergave kost één credit. Controleer je actieve abonnement en verbruik in je account; als je de bundel overschrijdt, kunnen de beperkingen van het gratis abonnement weer gelden.

Tabbladen en aangepaste navigatie

Begintabbladen en aangepaste bestemmingen worden afzonderlijk ingesteld.

Volledige widgets voor wedstrijden, teams, competities en toernooien kunnen in een geselecteerd tabblad worden geopend. tab is een afzonderlijke queryparameter en geen sleutel binnen pref. Hiervoor is actieve reclamevrije toegang vereist. Het aangevraagde tabblad moet ook beschikbaar zijn voor de geselecteerde content.

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}));

Aangepaste navigatiebasissen worden opgeslagen als accountvoorkeuren: matchviewUrl, teamUrl, competitionUrl en leagueUrl. Waar dit wordt ondersteund, voegt de widget de geselecteerde ID en een afsluitende slash toe aan de ingestelde basis-URL. Gebruik een basis-URL die eindigt op een slash en zorg dat de bestemming die route verwerkt.

Bij het openen van een ingestelde aangepaste pop-up voegt de widget normaal gesproken sbprf toe met URL-gecodeerde JSON die de huidige taal bevat. De bestemming kan die parameter uitlezen en de ondersteunde taal doorgeven aan de eigen widget. Dit is geen kopie van alle bronvoorkeuren.

Aangepast domein instellen

Houd bezoekers op je website wanneer ze wedstrijden, competities, leagues en teams openen. Beschikbaar met Advanced en Enterprise.

Deze functie koppelt widgetlinks aan pagina's die je zelf host. ScoreBat-diensten worden niet naar je domein verplaatst en er is geen DNS-wijziging nodig. Je server moet op elke ondersteunde URL de juiste widget weergeven.

1. Maak één hostpagina met de onderstaande loader. Vervang YOUR_EMBED_TOKEN door je eigen embedtoken uit de builder.
2. Stel interne herschrijfregels in, zodat elk ondersteund pad deze pagina weergeeft terwijl de oorspronkelijke URL en querystring in de browser behouden blijven.
3. Test echte URL's van wedstrijden, competities, leagues en teams voordat je de links voor je hele account activeert.
4. Open Ontwikkelaarsinstellingen onder Account en voer de basis-URL's in. Controleer de wijzigingen, bevestig dat je de pagina's hebt getest en sla ze op. De links worden direct actief nadat ze succesvol zijn opgeslagen; handmatige goedkeuring is niet nodig.

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

De gedeelde loader verwacht de padnamen matchview, competition, league en team. Voor een pad zoals /match/123/ is eigen routeringslogica nodig die het aan de matchview-embed koppelt; alleen de URL hernoemen is niet voldoende.

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.

Gebruik voor een submap zoals /football/ de instelling baseDir: "/football/", routeer /football/matchview/... en de andere drie paden naar de gedeelde pagina en sla basis-URL's op met hetzelfde voorvoegsel /football/. Behoud queryparameters, waaronder sbprf, dat navigatievoorkeuren bevat.

De loader kan de titel van de hostpagina bijwerken. Stel noTitle: true in SCOREBAT_OPTIONS in als je website zelf de titel beheert. Gebruik echte identificatoren uit de builder; placeholders zijn geen geldige inhoud.

WordPress instellen

Geef op elke widgetroute dezelfde WordPress-pagina weer.

1. Maak een WordPress-pagina voor je widgethost en voeg het script voor de gedeelde hostpagina uit de vorige sectie toe. Gebruik je eigen embedtoken.
2. Zoek de pagina-ID in de URL van de editor en vervang vervolgens 123 in het onderstaande voorbeeld. Plaats de code in een kleine siteplugin of in je childtheme, niet in een hoofdthema dat bij updates kan worden overschreven.
3. Sla Instellingen → Permalinks één keer op nadat je de herschrijfregels hebt toegevoegd of gewijzigd. Vernieuw de herschrijfregels niet bij elke aanvraag.
4. Open echte URL's voor alle vier inhoudstypen en controleer of de juiste widgets worden geladen voordat je de basis-URL's onder Account opslaat.

<?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');

Sommige WordPress-rollen, editors en hostingplatforms verwijderen scripttags uit blokken met Aangepaste HTML. Laat je ontwikkelaar de loader via een vertrouwde siteplugin of paginasjabloon toevoegen als deze verdwijnt, en alleen op de widgethostpagina. Controleer je plugins voor caching, omleidingen en beveiliging als deeplinks niet werken.

Stel bij een WordPress-installatie in een submap baseDir in op het installatiepad met een afsluitende slash. Herschrijfpatronen zijn relatief aan die installatie; de basis-URL's van het account moeten hetzelfde voorvoegsel bevatten.

Je links testen en activeren

Een opgeslagen URL bewijst niet dat je website klaar is. Test eerst en bevestig daarna de wijziging voor het hele account.

1. Bezoek voor elk ingesteld inhoudstype één echte URL. Controleer of de juiste widget verschijnt, vernieuw vervolgens de pagina en open deze in een nieuw browsertabblad.
2. Controleer de mobiele lay-out, de widgethoogte en de navigatie tussen inhoudstypen. Houd de oorspronkelijke deeplink-URL zichtbaar; leid niet elke aanvraag om naar popup.html of de slug van de WordPress-pagina.
3. Controleer of HTTPS werkt en je server de querystring behoudt. Controleer browserfouten als een contentbeveiligingsbeleid ScoreBat-scripts of iframes blokkeert.
4. Sla de instellingen onder Account op nadat je de configuratie hebt gecontroleerd. Klik vanuit een widget met hetzelfde accounttoken door om de geactiveerde bestemmingen te controleren.
5. Wis de relevante basis-URL's of kies ScoreBat-links gebruiken om de ScoreBat-bestemmingen te herstellen. Controleer de instellingen en sla ze opnieuw op.

Deze kleuren worden gedeeld door elke geschikte widget die je accounttoken gebruikt, inclusief widgets die je al hebt gepubliceerd.

Voor het bewerken van een aangepast domein is een actief Advanced- of Enterprise-abonnement vereist. Andere ontwikkelaars kunnen de opties bekijken en upgraden. Bestaande ingestelde links blijven behouden. Neem contact op met ScoreBat als je hulp nodig hebt bij een configuratie die niet bij deze voorbeelden past.

Kies je widget

Elk naslagwerk vermeldt de eigen ondersteunde voorkeuren, standaardwaarden en uitzonderingen.

Gebruik het onderstaande familiefilter om de widget te vinden die je insluit. Gedeelde parameternamen kunnen per widget een ander effect hebben; een voorkeur wordt alleen ondersteund waar deze wordt vermeld. Geavanceerde routes zijn gemarkeerd als ze geen specifieke voorinstelling in de configurator hebben.

Livescore

Scores, programma's en uitslagen van verschillende competities.

/embed/livescore/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

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.

Scorebalk

Een horizontale scorebalk voor alle wedstrijden, een team of een toernooi.

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

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

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.

Volledige liga

Een volledige ligaweergave met verwante competities, wedstrijden en standen.

/embed/league/{league}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Volledige competitie

Wedstrijden, uitslagen en beschikbare standen voor één competitie.

/embed/competition/{competition}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Programma en uitslagen

Een gerichte weergave van het programma en de uitslagen, met indien van toepassing een tabblad Vandaag.

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

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Standen van competities en liga's

Gerichte ligastanden; een liga kan standen van meerdere fasen tonen.

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

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Volledig team

Een volledige teampagina met wedstrijden en beschikbare teaminformatie.

/embed/team/{team}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Teamstand

Een stand met één team centraal en een optie om de volledige stand te tonen.

/embed/standings/team/{team}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Teamwedstrijdkaart

Kaarten met aankomende en/of laatst gespeelde wedstrijden van één team.

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

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Volledige wedstrijd

De volledige wedstrijdweergave met de beschikbare informatie over die wedstrijd.

/embed/matchview/{match}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Wedstrijdscore

Een wedstrijdkaart met de score en optionele gebeurtenissen.

/embed/matchscore/{match}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Opstelling

Basisspelers, veld-/lijstweergave en wisselspelers, indien beschikbaar.

/embed/line-up/{match}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Wedstrijdstatistieken

Beschikbare wedstrijdstatistieken in een gerichte weergave.

/embed/matchstats/{match}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Onderling resultaat

Eerdere ontmoetingen en vergelijkingsinformatie voor de geselecteerde wedstrijd.

/embed/match-h2h/{match}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Wedstrijdvideo en AI

Videocontent en beschikbare AI-context voor een geselecteerde wedstrijd.

/embed/g/{match}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

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.

Wedstrijdstand

Beschikbare standen waarin de twee teams van de wedstrijd zijn gemarkeerd.

/embed/matchstandings/{match}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

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.

Wedstrijd-AI

Een gerichte weergave met AI-voorspellingen, indien beschikbaar.

/embed/matchai/{match}/

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

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.

Videopaneel

Een videospeler met een doorzoekbare selectie wedstrijden.

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

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

Videofeed

Een verticale feed met wedstrijdvideo's, met optionele uitklapfunctie en autoplay.

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

Ondersteunde voorkeuren

De standaardwaarden gelden voor kale URL's. Gebruik alleen voorkeuren die voor deze widget worden vermeld.

Standaardwaarden configurator

De configurator stelt deze voorkeuren expliciet in. Andere standaardwaarden worden overgenomen van de geselecteerde variant.

{
  "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.

WordPress-plugin

Voeg voetbalwidgets rechtstreeks vanuit je WordPress-dashboard toe en beheer ze daar.

Gebruik de ScoreBat-plugin om livescores, wedstrijdprogramma's, standen, team- en wedstrijdwidgets en officiële videosamenvattingen aan je WordPress-website toe te voegen.

Download de ScoreBat-plugin via WordPress.org

1. Open in je WordPress-dashboard Plugins → Nieuwe plugin toevoegen, zoek naar ScoreBat en installeer en activeer vervolgens de plugin.
2. Open ScoreBat in je dashboard en kies Verbinden met ScoreBat. Log in of maak een gratis account aan en keur vervolgens de verbinding met je website goed.
3. Open de widgetcatalogus, kies een widget en pas deze aan. Bevestig vervolgens Gebruiken in WordPress om de widget op je site op te slaan.
4. Voeg een ScoreBat Football Widget-blok toe en selecteer je opgeslagen widget, of plak de shortcode ervan in een Shortcode-blok. Je kunt vanuit het ScoreBat-dashboard ook een conceptpagina maken waaraan de widget al is toegevoegd.
5. Bekijk een voorbeeld van je pagina op desktop en mobiel en publiceer de pagina wanneer je klaar bent.

Als een instelling niet werkt

Controleer de route, het waardetype, de rechten en de insluitomgeving.

1. Controleer of de route overeenkomt met het widgetgedeelte dat je leest. Volledig team, teamstand en wedstrijdkaart van een team gebruiken verschillende renderers.
2. Controleer de exacte sleutel in kleine letters en het JSON-type. Gebruik pref={...}, eenmaal gecodeerd; geef geen UI-labels of interne camelCase-namen door.
3. Vergelijk met de lijst met ondersteunde voorkeuren. Een bedieningselement in de configurator kan bij meerdere varianten beschikbaar zijn, ook als een bepaalde renderer het niet gebruikt.
4. Controleer je actieve abonnement en token. Het verwijderen van de kop, kleuren, branding en AI-functies kunnen afhankelijk zijn van je rechten.
5. Test de daadwerkelijk geëxporteerde URL, niet een demovoorbeeld. Controleer of de hostpagina de iframe en het vereiste script voor formaataanpassing toestaat.
6. Als de content zelf ontbreekt, controleer dan een andere wedstrijd of competitie waarvoor gegevens beschikbaar zijn. Een voorkeur kan geen ontbrekende standen, video's of opstellingen genereren.

Controleer bij lay-outproblemen eerst de breedte en hoogte van het bovenliggende element. Als content wordt afgekapt, controleer dan het hulpscript en de iframe-klasse of vergroot een vaste hoogte. Vernieuw de widget nadat je de URL of opgeslagen instellingen hebt gewijzigd.

Maken met een AI-assistent

Een kopieerbare handleiding en een machineleesbaar widgetmanifest.

Gebruik de Markdown-handleiding voor integratie-instructies en het JSON-manifest voor routes, ondersteunde voorkeursnamen, toegestane waarden, standaardwaarden en opmerkingen over de toepasbaarheid. Beide bevatten tijdelijke aanduidingen in plaats van accounttokens.

1. Kies exact de juiste widgetvariant en een echte identificatiecode uit de configurator. Bedenk nooit zelf een route of voorkeur.
2. Gebruik de lijst met ondersteunde voorkeuren voor die widget. Behoud sleutels in kleine letters en de JSON-waardetypen.
3. Maak URL's met URL en URLSearchParams en behoud het insluittoken. Houd instellingen voor afmetingen buiten pref.
4. Respecteer accountrechten en de beschikbaarheid van content. Beloof nooit dat een voorkeur branding verwijdert of niet-beschikbare content zichtbaar maakt.
5. Voeg een beschrijvende iframe-titel, geschikte afmetingen, waar nodig videomachtigingen en het juiste hulpscript toe.