Dein erstes Widget

Wähle ein Widget, kopiere den Einbettungscode und passe es anschließend an.

1. Öffne den Widget-Katalog und wähle die gewünschte Ansicht. Wähle im Builder ein Team, eine Liga, einen Wettbewerb oder ein Spiel aus.
2. Melde dich an und wähle bei Bedarf einen Entwicklertarif. Kopiere den fertigen Einbettungscode einschließlich Token, iframe-Klasse und Größenskript.
3. Füge den Einbettungscode in einen HTML-Block auf deiner Website ein. Verwende für eine native WebView die Widget-URL und konfiguriere die Host-App so, dass Video und Vollbild unterstützt werden.
4. Passe nur die Einstellungen an, die dieses Widget unterstützt. Teste auf Mobilgeräten und mit demselben Konto-Token, das du in der Produktionsumgebung verwenden wirst.

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

So funktionieren Einstellungen

Vier unterschiedliche Arten von Einstellungen mit verschiedenen Geltungsbereichen.

Der URL-Parameter heißt pref, im Singular. Er enthält URL-codiertes JSON, nicht Base64. Verwende die booleschen Werte true und false, nicht Zeichenfolgen wie "true". Unbekannte Schlüssel sind kein unterstützter Anpassungsmechanismus.

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

Wenn du eine vorhandene URL bearbeitest, lies ihr pref-JSON ein, ändere die benötigten Schlüssel und serialisiere es anschließend erneut. Hänge kein JSON ohne Maskierung an und codiere einen bereits codierten Wert nicht ein zweites Mal.

Eine Einstellung kann erfolgreich verarbeitet werden, aber ohne Wirkung bleiben, wenn das ausgewählte Widget sie nicht verwendet. Jeder nachfolgende Widget-Abschnitt führt die unterstützten Einstellungen und wichtigen Ausnahmen auf.

Passende Inhalte finden

Verwende echte Auswahlen aus dem Builder und behalte den Entitätstyp bei.

Routen für Teams und Turniere verwenden die vom Builder ausgegebenen Bezeichner. Slugs wie chelsea oder england-premier-league sind verständliche Beispiele; erstelle keine Bezeichner, indem du einen Anzeigenamen in Kleinbuchstaben umwandelst. Für Spielrouten ist eine Spiel-ID aus der Spielauswahl oder eine bereits zurückgegebene matchviewUrl erforderlich.

Ein Wettbewerb bezeichnet einen einzelnen Wettbewerb oder eine einzelne Phase. Eine Liga fasst zusammengehörige Wettbewerbe zusammen. Die einheitliche Auswahl wählt den passenden Typ; Liga und Wettbewerb sind nicht austauschbar.

Der WM-Builder ist eine Voreinstellung für dieselben Liga-, Ergebnisleisten-, Videopanel- und Spiel-Widgets. Verwende die Auswahl des aktuellen Builders statt eines alten Turnier-Alias.

Responsive Größenanpassung

Hilfsskript auf das Widget abstimmen.

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

Lade jedes Hilfsskript nur einmal pro Seite und erst nach den iframe-Elementen, die es verwalten soll. Behalte die passende iframe-Klasse bei. Binde in einer clientseitig gerenderten App zuerst die iframe-Elemente ein, bevor du das Hilfsskript einfügst; gehe nicht davon aus, dass eine in HTML eingefügte Skriptzeichenfolge ausgeführt wird.

Ergebnisleisten verwenden ihre feste Streifenhöhe. Lasse bei Panels mit fester Größe oder anderen Einbettungen mit fester Höhe die automatische Größenanpassung weg und lege die iframe-Abmessungen in CSS fest. Internes nomaxwidth ändert die Größe des iframe nicht.

Farben, Zugriff und Kontoeinstellungen

Trenne Instanzeinstellungen von gespeicherten Einstellungen.

Der Builder speichert die Hintergrundfarbe als Kontoeinstellung ui.color und die Farbe der Ergebnisleiste als ui.barColor. Möglicherweise fügt er dem iframe außerdem einen Stil für die Hintergrundfarbe hinzu. color oder barColor innerhalb von pref legt nicht das interne Design des Widgets fest.

Gespeicherte Farben gelten für das gesamte Konto und erfordern die entsprechende Anpassungsberechtigung. Änderungen können sich auf andere Einbettungen desselben Kontos auswirken. Die Builder-Vorschau kann einen Demo-Stil anzeigen; prüfe die exportierte Einbettung mit deinem tatsächlichen Token.

Das Ausblenden einer Inhaltskopfzeile mit noheader erfordert aktiven werbefreien Zugriff. Das Entfernen des Brandings ist eine separate Berechtigung. Einstellungen können keine kostenpflichtigen Funktionen freischalten, Tarifbeschränkungen aufheben oder nicht verfügbare KI-Inhalte erzwingen.

Berechtigte Konten können in ihren Kontoeinstellungen Navigations-URLs für Spiele, Teams, Ligen und Wettbewerbe konfigurieren. Dabei handelt es sich um gespeicherte Linkeinstellungen, nicht um beliebige pref-Schlüssel. Behalte die Standardnavigation des Builders bei, sofern du keine benutzerdefinierte Integration konfiguriert und getestet hast.

Werbefreie Widget-/Player-Aufrufe teilen sich das Entwicklerkontingent mit kostenpflichtigen Video-API-Aufrufen. Ein kostenpflichtiger API-Aufruf verbraucht fünf Credits, ein werbefreier Widget-/Player-Aufruf einen. Prüfe deinen aktiven Tarif und die Nutzung in deinem Konto; bei Überschreitung des Kontingents können die Einschränkungen des kostenlosen Tarifs wieder gelten.

Tabs und benutzerdefinierte Navigation

Start-Tabs und benutzerdefinierte Ziele werden separat konfiguriert.

Vollständige Spiel-, Team-, Liga- und Wettbewerbs-Widgets können in einem ausgewählten Tab geöffnet werden. tab ist ein separater Abfrageparameter und kein Schlüssel innerhalb von pref. Dafür ist ein aktiver werbefreier Zugang erforderlich; außerdem muss der angeforderte Tab für den ausgewählten Inhalt verfügbar sein.

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

Basispfade für die benutzerdefinierte Navigation werden als Kontoeinstellungen gespeichert: matchviewUrl, teamUrl, competitionUrl und leagueUrl. Sofern unterstützt, hängt das Widget die ausgewählte Kennung und einen abschließenden Schrägstrich an den konfigurierten Basispfad an. Verwende einen Basispfad, der mit einem Schrägstrich endet, und stelle sicher, dass das Ziel diese Route verarbeitet.

Beim Öffnen eines konfigurierten benutzerdefinierten Popups fügt das Widget normalerweise sbprf hinzu. Dieser Parameter enthält URL-codiertes JSON mit der aktuellen Sprache. Das Ziel kann diesen Parameter auslesen und die unterstützte Sprache an sein eigenes Widget übergeben. Es handelt sich nicht um eine Kopie aller ursprünglichen Einstellungen.

Benutzerdefinierte Domain einrichten

Besucher bleiben auf Ihrer Website, wenn sie Spiele, Wettbewerbe, Ligen und Teams öffnen. Verfügbar mit Advanced und Enterprise.

Diese Funktion verknüpft Widget-Links mit Seiten, die Sie hosten. ScoreBat-Dienste werden dadurch nicht auf Ihre Domain verschoben, und es ist keine DNS-Änderung erforderlich. Ihr Server muss unter jeder unterstützten URL das passende Widget darstellen.

1. Erstellen Sie eine einzige Host-Seite mit dem nachfolgenden Loader. Ersetzen Sie YOUR_EMBED_TOKEN durch Ihr eigenes Embed-Token aus dem Builder.
2. Konfigurieren Sie interne Rewrites so, dass jeder unterstützte Pfad diese Seite ausliefert, während die ursprüngliche URL und der Query-String im Browser erhalten bleiben.
3. Testen Sie echte URLs für Spiele, Wettbewerbe, Ligen und Teams, bevor Sie die kontoweiten Links aktivieren.
4. Öffnen Sie unter Konto die Entwicklereinstellungen und geben Sie die Basis-URLs ein. Prüfen Sie die Änderungen, bestätigen Sie, dass Sie die Seiten getestet haben, und speichern Sie. Die Links werden nach erfolgreichem Speichern sofort wirksam; eine manuelle Freigabe ist nicht erforderlich.

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

Der gemeinsame Loader erwartet die Pfadnamen matchview, competition, league und team. Ein Pfad wie /match/123/ erfordert eine eigene Routing-Logik, die ihn dem matchview-Embed zuordnet; die URL lediglich umzubenennen reicht nicht aus.

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.

Verwenden Sie für ein Unterverzeichnis wie /football/ die Einstellung baseDir: "/football/", leiten Sie /football/matchview/... und die drei anderen Pfade an die gemeinsame Seite weiter und speichern Sie Basis-URLs mit demselben Präfix /football/. Behalten Sie Query-Parameter einschließlich sbprf bei, da dieser die Navigationseinstellungen überträgt.

Der Loader kann den Titel der Host-Seite aktualisieren. Legen Sie in SCOREBAT_OPTIONS noTitle: true fest, wenn Ihre Website den Titel selbst verwaltet. Verwenden Sie echte Kennungen aus dem Builder; Platzhalter sind keine gültigen Inhalte.

WordPress-Einrichtung

Stellen Sie unter jeder Widget-Route dieselbe WordPress-Seite bereit.

1. Erstellen Sie eine WordPress-Seite als Host für Ihr Widget und fügen Sie das Skript für die gemeinsame Host-Seite aus dem vorherigen Abschnitt hinzu. Verwenden Sie Ihr eigenes Embed-Token.
2. Sie finden die Seiten-ID in der Editor-URL. Ersetzen Sie anschließend 123 im folgenden Beispiel. Fügen Sie den Code in ein kleines Website-Plugin oder Ihr Child-Theme ein, nicht in ein Parent-Theme, da er dort durch Updates überschrieben werden könnte.
3. Öffnen Sie nach dem Hinzufügen oder Ändern der Rewrite-Regeln einmal Einstellungen → Permalinks und speichern Sie. Aktualisieren Sie die Rewrite-Regeln nicht bei jeder Anfrage.
4. Öffnen Sie echte URLs für alle vier Inhaltstypen und prüfen Sie, ob die richtigen Widgets geladen werden, bevor Sie Ihre Basis-URLs im Konto speichern.

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

Einige WordPress-Rollen, Editoren und Hosting-Plattformen entfernen Skript-Tags aus Blöcken mit individuellem HTML. Wenn der Loader verschwindet, lassen Sie ihn von Ihrem Entwickler über ein vertrauenswürdiges Website-Plugin oder Seiten-Template hinzufügen – und zwar nur auf der Widget-Host-Seite. Prüfen Sie Ihre Cache-, Weiterleitungs- und Sicherheits-Plugins, wenn Deep Links nicht funktionieren.

Wenn WordPress in einem Unterverzeichnis installiert ist, legen Sie baseDir auf den Installationspfad mit einem abschließenden Schrägstrich fest. Rewrite-Muster sind relativ zu dieser Installation; die Basis-URLs des Kontos müssen dasselbe Präfix enthalten.

Links testen und aktivieren

Eine gespeicherte URL belegt nicht, dass Ihre Website bereit ist. Testen Sie sie zuerst und bestätigen Sie anschließend die kontoweite Änderung.

1. Rufen Sie für jeden konfigurierten Inhaltstyp eine echte URL auf. Prüfen Sie, ob das richtige Widget angezeigt wird, aktualisieren Sie dann die Seite und öffnen Sie sie in einem neuen Browser-Tab.
2. Prüfen Sie das mobile Layout, die Widget-Höhe und die Navigation zwischen den Inhaltstypen. Lassen Sie die ursprüngliche Deep-Link-URL sichtbar; leiten Sie nicht jede Anfrage zu popup.html oder zum Slug der WordPress-Seite weiter.
3. Stellen Sie sicher, dass HTTPS funktioniert und Ihr Server den Query-String beibehält. Prüfen Sie Browserfehler, falls eine Content Security Policy ScoreBat-Skripte oder Iframes blockiert.
4. Speichern Sie die Einstellungen im Konto, nachdem Sie die Einrichtung bestätigt haben. Öffnen Sie ein Widget mit demselben Konto-Token und klicken Sie sich durch, um die aktivierten Ziele zu prüfen.
5. Um die ScoreBat-Ziele wiederherzustellen, löschen Sie die entsprechenden Basis-URLs oder wählen Sie ScoreBat-Links verwenden. Prüfen und speichern Sie anschließend erneut.

Diese Farben werden von allen berechtigten Widgets mit Ihrem Konto-Token verwendet, einschließlich bereits veröffentlichter Widgets.

Zum Bearbeiten der benutzerdefinierten Domain ist ein aktives Advanced- oder Enterprise-Abonnement erforderlich. Andere Entwickler können die Steuerelemente sehen und ein Upgrade durchführen. Bereits konfigurierte Links bleiben erhalten. Wenden Sie sich an ScoreBat, wenn Sie Hilfe bei einer Einrichtung benötigen, die nicht diesen Beispielen entspricht.

Widget auswählen

Jede Referenz führt ihre eigenen unterstützten Einstellungen, Standardwerte und Ausnahmen auf.

Mit dem Familienfilter unten findest du das Widget, das du einbettest. Gleichnamige Parameter können je nach Widget unterschiedlich wirken; eine Einstellung wird nur dort unterstützt, wo sie aufgeführt ist. Erweiterte Routen sind gekennzeichnet, wenn sie keine eigene Builder-Voreinstellung haben.

Live-Ergebnisse

Ergebnisse und Spielpläne aus verschiedenen Wettbewerben.

/embed/livescore/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

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.

Ergebnisleiste

Eine horizontale Ergebnisleiste für alle Spiele, ein Team oder ein Turnier.

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

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

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.

Vollständige Liga

Eine vollständige Ligaansicht, die zugehörige Wettbewerbe, Spiele und Tabellen kombiniert.

/embed/league/{league}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Vollständiger Wettbewerb

Spiele, Ergebnisse und verfügbare Tabellen für einen Wettbewerb.

/embed/competition/{competition}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Spielplan und Ergebnisse

Eine fokussierte Spielplan- und Ergebnisansicht mit einem Heute-Tab, sofern zutreffend.

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

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Wettbewerbs- und Ligatabellen

Fokussierte Ligatabellen; für eine Liga können mehrere Phasentabellen angezeigt werden.

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

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Vollständiges Team

Eine vollständige Teamseite mit Spielen und verfügbaren Teaminformationen.

/embed/team/{team}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Team-Tabelle

Eine auf ein Team zentrierte Tabelle mit der Option, die vollständige Tabelle anzuzeigen.

/embed/standings/team/{team}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Team-Spielkarte

Karten mit anstehenden und/oder zuletzt beendeten Spielen eines Teams.

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

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Vollständiges Spiel

Die vollständige Spielansicht mit den für dieses Spiel verfügbaren Informationen.

/embed/matchview/{match}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Spielergebnis

Eine Ergebniskarte für ein Spiel, optional mit Ereignissen.

/embed/matchscore/{match}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Aufstellung

Startelf, Darstellung als Spielfeld/Liste und Ersatzspieler, sofern verfügbar.

/embed/line-up/{match}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Spielstatistiken

Verfügbare Spielstatistiken in einer fokussierten Ansicht.

/embed/matchstats/{match}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Direkter Vergleich

Frühere Begegnungen und Vergleichsinhalte für das ausgewählte Spiel.

/embed/match-h2h/{match}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Spielvideo und KI

Videoinhalte und verfügbarer KI-Kontext für ein ausgewähltes Spiel.

/embed/g/{match}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

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.

Spieltabelle

Verfügbare Tabelle mit Hervorhebung der beiden am Spiel beteiligten Teams.

/embed/matchstandings/{match}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

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.

Spiel-KI

Eine fokussierte Ansicht für KI-Prognosen, sofern verfügbar.

/embed/matchai/{match}/

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

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.

Videopanel

Ein Videoplayer mit einer durchsuchbaren Spielauswahl.

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

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Video-Feed

Ein vertikaler Feed mit Spielvideos, optional ausklappbar und mit autoplay.

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

Unterstützte Einstellungen

Die Standardwerte beschreiben reine URLs. Verwende nur Einstellungen, die für dieses Widget aufgeführt sind.

Builder-Standardwerte

Der Builder legt diese Einstellungen ausdrücklich fest. Andere Standardwerte werden von der ausgewählten Variante übernommen.

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

Füge Fußball-Widgets direkt über dein WordPress-Dashboard hinzu und verwalte sie dort.

Mit dem ScoreBat-Plugin kannst du Live-Ergebnisse, Spielpläne, Tabellen, Team- und Spiel-Widgets sowie offizielle Video-Highlights zu deiner WordPress-Website hinzufügen.

ScoreBat-Plugin auf WordPress.org herunterladen

1. Öffne in deinem WordPress-Dashboard Plugins → Installieren, suche nach ScoreBat und installiere und aktiviere anschließend das Plugin.
2. Öffne ScoreBat in deinem Dashboard und wähle Mit ScoreBat verbinden. Melde dich an oder erstelle ein kostenloses Konto und bestätige anschließend die Verbindung mit deiner Website.
3. Öffne den Widget-Katalog, wähle ein Widget aus und passe es an. Bestätige anschließend In WordPress verwenden, um es auf deiner Website zu speichern.
4. Füge einen ScoreBat-Fußball-Widget-Block hinzu und wähle dein gespeichertes Widget aus oder füge dessen Shortcode in einen Shortcode-Block ein. Du kannst im ScoreBat-Dashboard auch einen Seitenentwurf erstellen, in den das Widget bereits eingefügt ist.
5. Zeige eine Vorschau deiner Seite auf dem Desktop und auf Mobilgeräten an und veröffentliche sie, sobald du bereit bist.

Wenn eine Einstellung nicht funktioniert

Prüfe Route, Wertetyp, Berechtigung und Einbettungsumgebung.

1. Prüfe, ob die Route zum Widget-Abschnitt passt, den du gerade liest. Vollständige Teamansicht, Teamtabelle und Team-Spielkarte verwenden unterschiedliche Renderer.
2. Prüfe den exakten Schlüssel in Kleinbuchstaben und den JSON-Datentyp. Verwende pref={...}, einmal codiert; übergib keine UI-Beschriftungen oder internen camelCase-Namen.
3. Vergleiche die Einstellung mit der Liste der unterstützten Einstellungen. Ein Builder-Steuerelement kann bei mehreren Varianten vorhanden sein, auch wenn ein bestimmter Renderer es nicht verwendet.
4. Prüfe deinen aktiven Tarif und dein Token. Das Entfernen der Kopfzeile sowie Farben, Branding und KI-Funktionen können von Berechtigungen abhängen.
5. Teste die tatsächlich exportierte URL, nicht eine Demo-Vorschau. Prüfe, ob die Hostseite das iframe und das erforderliche Skript zur Größenanpassung zulässt.
6. Wenn der Inhalt selbst fehlt, prüfe ein anderes Spiel oder einen anderen Wettbewerb mit verfügbaren Daten. Eine Einstellung kann keine fehlenden Tabellen, Videos oder Aufstellungen erzeugen.

Prüfe bei Layoutproblemen zuerst Breite und Höhe des übergeordneten Containers. Wenn Inhalte abgeschnitten werden, überprüfe das Hilfsskript und die iframe-Klasse oder erhöhe eine festgelegte Höhe. Aktualisiere das Widget, nachdem du seine URL oder gespeicherte Einstellungen geändert hast.

Mit einem KI-Assistenten erstellen

Eine kopierbare Anleitung und ein maschinenlesbares Widget-Manifest.

Nutze den Markdown-Leitfaden für Integrationsanweisungen und das JSON-Manifest für Routen, unterstützte Einstellungsnamen, zulässige Werte, Standardwerte und Hinweise zur Anwendbarkeit. Beide enthalten Platzhalter anstelle von Konto-Tokens.

1. Wähle die exakte Widget-Variante und einen echten Bezeichner aus dem Builder. Erfinde niemals eine Route oder Einstellung.
2. Verwende die Liste der unterstützten Einstellungen für das jeweilige Widget. Behalte Schlüssel in Kleinbuchstaben und die JSON-Werttypen bei.
3. Erstelle URLs mit URL und URLSearchParams und behalte das Einbettungs-Token bei. Einstellungen zur Größe gehören nicht in pref.
4. Beachte Kontoberechtigungen und die Verfügbarkeit von Inhalten. Versprich niemals, dass eine geänderte Einstellung Branding entfernt oder nicht verfügbare Inhalte sichtbar macht.
5. Füge einen aussagekräftigen iframe-Titel, geeignete Abmessungen, bei Bedarf Videoberechtigungen und das korrekte Hilfsskript hinzu.