Twój pierwszy widżet

Wybierz widżet, skopiuj kod osadzania i dostosuj go do swoich potrzeb.

1. Otwórz katalog widżetów i wybierz potrzebny widok. Użyj kreatora, aby wybrać drużynę, ligę, rozgrywki lub mecz.
2. Zaloguj się i w razie potrzeby wybierz plan deweloperski. Skopiuj gotowy kod osadzania wraz z tokenem, klasą iframe i skryptem dopasowania rozmiaru.
3. Wklej kod osadzania do bloku HTML w swojej witrynie. W przypadku natywnego WebView użyj adresu URL widżetu i skonfiguruj aplikację nadrzędną tak, aby obsługiwała wideo i tryb pełnoekranowy.
4. Dostosuj tylko preferencje obsługiwane przez dany widżet. Przetestuj go na urządzeniu mobilnym i z tym samym tokenem konta, którego użyjesz w środowisku produkcyjnym.

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

Jak działają preferencje

Cztery rodzaje ustawień o różnych zakresach działania.

Parametr URL to pref, w liczbie pojedynczej. Zawiera zakodowany na potrzeby URL format JSON, a nie Base64. Używaj wartości logicznych true i false, a nie ciągów takich jak "true". Nieznane klucze nie są obsługiwanym sposobem dostosowywania widżetu.

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

Podczas edycji istniejącego adresu URL przetwórz jego JSON z pref, zmień potrzebne klucze, a następnie ponownie go zserializuj. Nie łącz nieescapowanego kodu JSON ani nie koduj ponownie już zakodowanej wartości.

Preferencja może zostać prawidłowo przetworzona, ale nie mieć wpływu na widżet, jeśli wybrany widżet jej nie obsługuje. Każda poniższa sekcja widżetu zawiera listę obsługiwanych preferencji i ważnych wyjątków.

Znajdź odpowiednią treść

Używaj rzeczywistych wyborów z kreatora i zachowaj typ encji.

Trasy zespołów i turniejów używają identyfikatorów generowanych przez kreator. Slugi takie jak chelsea lub england-premier-league są czytelnymi przykładami; nie twórz identyfikatorów przez zamianę wyświetlanej nazwy na małe litery. Trasy meczów wymagają identyfikatora meczu z selektora meczów lub wcześniej zwróconej wartości matchviewUrl.

Rozgrywki oznaczają pojedynczy turniej lub etap. Liga grupuje powiązane rozgrywki. Wspólny selektor wybiera odpowiedni typ; liga i rozgrywki nie są wymienne.

Kreator World Cup jest ustawieniem wstępnym korzystającym z tych samych widżetów ligi, paska wyników, panelu wideo i meczu. Użyj wyboru z obecnego kreatora zamiast starego aliasu turnieju.

Responsywne dopasowanie rozmiaru

Dopasuj skrypt pomocniczy do widżetu.

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

Wczytaj każdy skrypt pomocniczy tylko raz na stronę, za elementami iframe, którymi ma zarządzać. Zachowaj pasującą klasę iframe. W aplikacji renderowanej po stronie klienta zamontuj elementy iframe przed wstawieniem skryptu pomocniczego; nie zakładaj, że ciąg znaków skryptu umieszczony w HTML zostanie wykonany.

Paski wyników używają stałej wysokości. W przypadku paneli o stałym rozmiarze lub innych osadzeń o stałej wysokości pomiń automatyczne dopasowanie rozmiaru i ustaw wymiary iframe w CSS. Wewnętrzne nomaxwidth nie zmienia rozmiaru iframe.

Kolory, dostęp i ustawienia konta

Oddziel preferencje instancji od zapisanych ustawień.

Kreator zapisuje kolor tła jako ustawienie konta ui.color, a kolor paska wyników jako ui.barColor. Może też dodać do iframe styl background-color. Umieszczenie color lub barColor wewnątrz pref nie ustawia wewnętrznego motywu widżetu.

Zapisane kolory obowiązują na całym koncie i wymagają odpowiedniego uprawnienia do personalizacji. Ich zmiana może wpłynąć na inne osadzenia korzystające z tego samego konta. Podgląd kreatora może pokazywać demonstracyjny styl; sprawdź wyeksportowane osadzenie ze swoim rzeczywistym tokenem.

Ukrycie nagłówka treści za pomocą noheader wymaga aktywnego dostępu bez reklam. Usunięcie oznaczeń marki jest osobnym uprawnieniem. Preferencje nie mogą odblokować płatnych funkcji, usunąć ograniczeń planu ani wymusić wyświetlenia niedostępnej treści AI.

Uprawnione konta mogą konfigurować adresy URL nawigacji do meczów, drużyn, lig i rozgrywek w ustawieniach konta. Są to zapisane preferencje linków, a nie dowolne klucze pref. Zachowaj standardową nawigację kreatora, chyba że niestandardowa integracja została skonfigurowana i przetestowana.

Wczytania widżetu lub odtwarzacza bez reklam korzystają z tego samego limitu deweloperskiego co płatne wywołania Video API. Płatne wywołanie API zużywa pięć kredytów, a wczytanie widżetu lub odtwarzacza bez reklam — jeden. Sprawdź aktywny plan i wykorzystanie limitu na swoim koncie; jego przekroczenie może przywrócić ograniczenia bezpłatnego planu.

Karty i niestandardowa nawigacja

Karty początkowe i niestandardowe miejsca docelowe konfiguruje się osobno.

Pełne widżety meczu, drużyny, ligi i rozgrywek mogą otwierać się na wybranej karcie. tab jest osobnym parametrem zapytania, a nie kluczem wewnątrz pref. Wymaga aktywnego dostępu bez reklam, a wybrana karta musi być dostępna dla danej treści.

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

Adresy bazowe niestandardowej nawigacji są zapisywane jako preferencje konta: matchviewUrl, teamUrl, competitionUrl i leagueUrl. Jeśli widżet obsługuje tę funkcję, dodaje do skonfigurowanego adresu bazowego wybrany identyfikator oraz ukośnik na końcu. Użyj adresu bazowego zakończonego ukośnikiem i upewnij się, że strona docelowa obsługuje tę trasę.

Podczas otwierania skonfigurowanego niestandardowego okna widżet zwykle dodaje sbprf zawierający dane JSON z bieżącym językiem, zakodowane na potrzeby URL. Strona docelowa może odczytać ten parametr i przekazać obsługiwany język do własnego widżetu. Nie jest to kopia wszystkich preferencji źródłowych.

Konfiguracja domeny niestandardowej

Zatrzymaj odwiedzających w swojej witrynie, gdy otwierają mecze, rozgrywki, ligi i drużyny. Dostępne w planach Advanced i Enterprise.

Ta funkcja łączy linki widżetów ze stronami hostowanymi przez Ciebie. Nie przenosi usług ScoreBat do Twojej domeny ani nie wymaga zmiany DNS. Twój serwer musi wyświetlać odpowiedni widżet pod każdym obsługiwanym adresem URL.

1. Utwórz jedną stronę hostującą z poniższym loaderem. Zastąp YOUR_EMBED_TOKEN własnym tokenem osadzania z kreatora.
2. Skonfiguruj wewnętrzne reguły przepisywania, aby każda obsługiwana ścieżka wyświetlała tę stronę, zachowując w przeglądarce pierwotny adres URL i ciąg zapytania.
3. Przed aktywowaniem linków dla całego konta przetestuj prawdziwe adresy URL meczów, rozgrywek, lig i drużyn.
4. W sekcji Account otwórz ustawienia deweloperskie i wpisz bazowe adresy URL. Sprawdź zmiany, potwierdź przetestowanie stron i zapisz. Linki zaczną działać natychmiast po pomyślnym zapisaniu — ręczne zatwierdzenie nie jest wymagane.

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

Wspólny loader wymaga ścieżek o nazwach matchview, competition, league i team. Ścieżka taka jak /match/123/ wymaga własnej logiki routingu, która przypisze ją do osadzenia matchview — sama zmiana nazwy adresu URL nie wystarczy.

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.

W przypadku podkatalogu takiego jak /football/ użyj baseDir: "/football/", skieruj /football/matchview/... oraz pozostałe trzy ścieżki do wspólnej strony i zapisz bazowe adresy URL z tym samym prefiksem /football/. Zachowaj parametry zapytania, w tym sbprf, który przechowuje preferencje nawigacji.

Loader może aktualizować tytuł strony hostującej. Ustaw noTitle: true w SCOREBAT_OPTIONS, jeśli witryna samodzielnie zarządza tytułem. Użyj prawdziwych identyfikatorów z kreatora — symbole zastępcze nie są prawidłową treścią.

Konfiguracja WordPressa

Udostępniaj tę samą stronę WordPressa pod każdą trasą widżetu.

1. Utwórz w WordPressie stronę hostującą widżet i dodaj skrypt wspólnej strony hostującej z poprzedniej sekcji. Użyj własnego tokenu osadzania.
2. Znajdź identyfikator strony w adresie URL edytora, a następnie zastąp nim 123 w poniższym przykładzie. Umieść kod w małej wtyczce witryny lub motywie potomnym, a nie w motywie nadrzędnym, ponieważ aktualizacje mogą go nadpisać.
3. Po dodaniu lub zmianie reguł przepisywania zapisz raz Ustawienia → Bezpośrednie odnośniki. Nie odświeżaj reguł przepisywania przy każdym żądaniu.
4. Przed zapisaniem bazowych adresów URL w sekcji Account otwórz prawdziwe adresy URL dla wszystkich czterech typów treści i upewnij się, że wczytują się właściwe widżety.

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

Niektóre role, edytory i platformy hostingowe WordPressa usuwają znaczniki script z bloków własnego HTML. Jeśli loader zniknie, poproś dewelopera o dodanie go za pomocą zaufanej wtyczki witryny lub szablonu strony, wyłącznie na stronie hostującej widżet. Jeśli linki bezpośrednie nie działają, sprawdź wtyczki pamięci podręcznej, przekierowań i zabezpieczeń.

Jeśli WordPress jest zainstalowany w podkatalogu, ustaw baseDir na ścieżkę instalacji zakończoną ukośnikiem. Wzorce przepisywania są względne wobec tej instalacji, a bazowe adresy URL konta muszą zawierać ten sam prefiks.

Przetestuj i aktywuj linki

Zapisany adres URL nie potwierdza, że witryna jest gotowa. Najpierw wykonaj testy, a następnie potwierdź zmianę dla całego konta.

1. Otwórz po jednym prawdziwym adresie URL dla każdego skonfigurowanego typu treści. Upewnij się, że pojawia się właściwy widżet, a następnie odśwież stronę i otwórz ją w nowej karcie przeglądarki.
2. Sprawdź układ mobilny, wysokość widżetu i nawigację między typami treści. Zachowaj widoczny pierwotny adres linku bezpośredniego — nie przekierowuj każdego żądania do popup.html ani do slugu strony WordPressa.
3. Upewnij się, że HTTPS działa, a serwer zachowuje ciąg zapytania. Sprawdź błędy przeglądarki, jeśli polityka bezpieczeństwa treści blokuje skrypty lub iframe’y ScoreBat.
4. Po potwierdzeniu konfiguracji zapisz zmiany w sekcji Account. Przejdź z widżetu korzystającego z tego samego tokenu konta, aby zweryfikować aktywowane miejsca docelowe.
5. Aby przywrócić miejsca docelowe ScoreBat, wyczyść odpowiednie bazowe adresy URL lub wybierz opcję Użyj linków ScoreBat, a następnie ponownie sprawdź i zapisz zmiany.

Te kolory są wspólne dla wszystkich kwalifikujących się widżetów korzystających z tokenu Twojego konta, w tym widżetów już opublikowanych.

Edycja domeny niestandardowej wymaga aktywnej subskrypcji Advanced lub Enterprise. Inni deweloperzy mogą zobaczyć ustawienia i przejść na wyższy plan. Istniejące skonfigurowane linki zostaną zachowane. Skontaktuj się z ScoreBat, jeśli potrzebujesz pomocy z konfiguracją, która nie pasuje do tych przykładów.

Wybierz widżet

Każda dokumentacja zawiera własną listę obsługiwanych preferencji, ustawień domyślnych i wyjątków.

Użyj poniższego filtra rodzin, aby znaleźć osadzany widżet. Wspólne nazwy parametrów mogą działać inaczej zależnie od widżetu; preferencja jest obsługiwana tylko tam, gdzie została wymieniona. Trasy zaawansowane są oznaczone, jeśli nie mają osobnego ustawienia wstępnego w kreatorze.

Wyniki na żywo

Wyniki, terminarz i rezultaty różnych rozgrywek.

/embed/livescore/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

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.

Pasek wyników

Poziomy pasek wyników wszystkich meczów, wybranej drużyny lub turnieju.

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

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

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.

Pełny widok ligi

Pełny widok ligi łączący powiązane rozgrywki, mecze i tabele.

/embed/league/{league}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Pełny widok rozgrywek

Mecze, wyniki i dostępne tabele dla jednych rozgrywek.

/embed/competition/{competition}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Terminarz i wyniki

Widok terminarza i wyników z kartą Dzisiaj, jeśli ma zastosowanie.

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

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Tabele rozgrywek i lig

Dedykowane tabele ligi; liga może wyświetlać kilka tabel etapów.

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

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Pełny widok drużyny

Pełna strona drużyny z meczami i dostępnymi informacjami o drużynie.

/embed/team/{team}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Tabela zespołu

Tabela skupiona na jednej drużynie, z opcją wyświetlenia całej tabeli.

/embed/standings/team/{team}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Karta meczów zespołu

Karty nadchodzących lub ostatnio zakończonych meczów jednego zespołu.

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

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Pełny widok meczu

Pełny widok meczu ze wszystkimi informacjami dostępnymi dla tego spotkania.

/embed/matchview/{match}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Wynik meczu

Karta wyniku meczu z opcjonalnymi wydarzeniami.

/embed/matchscore/{match}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Skład

Wyjściowy skład, prezentacja na boisku lub liście oraz rezerwowi, jeśli są dostępni.

/embed/line-up/{match}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Statystyki meczu

Dostępne statystyki meczu w dedykowanym widoku.

/embed/matchstats/{match}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Bezpośrednie pojedynki

Poprzednie spotkania i porównania dotyczące wybranego meczu.

/embed/match-h2h/{match}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Wideo i AI meczu

Materiały wideo i dostępny kontekst AI dla wybranego meczu.

/embed/g/{match}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

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.

Tabela meczu

Dostępna tabela z wyróżnionymi drużynami uczestniczącymi w meczu.

/embed/matchstandings/{match}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

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.

AI meczu

Widok skupiony na prognozie AI, jeśli jest dostępna.

/embed/matchai/{match}/

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

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.

Panel wideo

Odtwarzacz wideo z możliwością przeglądania wybranych meczów.

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

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Kanał wideo

Pionowy kanał filmów z meczów, z opcją rozwinięcia i automatycznego odtwarzania.

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

Obsługiwane preferencje

Ustawienia domyślne opisują podstawowe adresy URL. Używaj tylko preferencji wymienionych dla tego widżetu.

Ustawienia domyślne kreatora

Kreator jawnie ustawia te preferencje. Pozostałe ustawienia domyślne są dziedziczone z wybranego wariantu.

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

Wtyczka WordPress

Dodawaj widżety piłkarskie i zarządzaj nimi bezpośrednio w kokpicie WordPress.

Wtyczka ScoreBat umożliwia dodawanie do witryny WordPress wyników na żywo, terminarzy, tabel, widżetów drużyn i meczów oraz oficjalnych skrótów wideo.

Pobierz wtyczkę ScoreBat z WordPress.org

1. W kokpicie WordPress otwórz Wtyczki → Dodaj wtyczkę, wyszukaj ScoreBat, a następnie zainstaluj i włącz wtyczkę.
2. W kokpicie otwórz ScoreBat i wybierz Połącz ze ScoreBat. Zaloguj się lub utwórz bezpłatne konto, a następnie zatwierdź połączenie ze swoją witryną.
3. Otwórz katalog widżetów, wybierz i dostosuj widżet, a następnie wybierz Użyj w witrynie WordPress, aby zapisać go w swojej witrynie.
4. Dodaj blok Widżet piłkarski ScoreBat i wybierz zapisany widżet albo wklej jego krótki kod do bloku Krótki kod. W kokpicie ScoreBat możesz też utworzyć szkic strony z już dodanym widżetem.
5. Wyświetl podgląd strony na komputerze i urządzeniu mobilnym, a następnie opublikuj ją, gdy będzie gotowa.

Gdy ustawienie nie działa

Sprawdź trasę, typ wartości, uprawnienia i środowisko osadzania.

1. Upewnij się, że trasa odpowiada sekcji widżetu, którą czytasz. Pełny widok drużyny, tabela drużyny i karta meczu drużyny korzystają z różnych mechanizmów renderowania.
2. Sprawdź dokładny klucz zapisany małymi literami i typ JSON. Użyj pref={...} zakodowanego jeden raz; nie przekazuj etykiet interfejsu ani wewnętrznych nazw w formacie camelCase.
3. Porównaj z listą obsługiwanych preferencji. Element sterujący kreatora może być dostępny w wielu wariantach, nawet jeśli konkretny mechanizm renderujący go nie używa.
4. Sprawdź aktywny plan i token. Usunięcie nagłówka, kolory, oznaczenia marki i funkcje AI mogą zależeć od uprawnień.
5. Przetestuj rzeczywisty wyeksportowany URL, a nie podgląd demonstracyjny. Sprawdź, czy strona nadrzędna zezwala na iframe i wymagany skrypt dopasowujący rozmiar.
6. Jeśli brakuje samej treści, sprawdź inny mecz lub inne rozgrywki z dostępnymi danymi. Preferencja nie może wygenerować brakujących tabel, filmów ani składów.

W razie problemów z układem najpierw sprawdź szerokość i wysokość kontenera nadrzędnego. Jeśli treść jest przycięta, zweryfikuj skrypt pomocniczy i klasę iframe albo zwiększ stałą wysokość. Po zmianie adresu URL lub zapisanych ustawień odśwież widżet.

Tworzenie z asystentem AI

Instrukcja, którą można skopiować, oraz manifest widżetu w formacie do odczytu maszynowego.

Instrukcje integracji znajdziesz w przewodniku Markdown, a trasy, obsługiwane nazwy preferencji, dozwolone wartości, ustawienia domyślne i uwagi o zastosowaniu — w manifeście JSON. Oba pliki zawierają symbole zastępcze zamiast tokenów konta.

1. Wybierz dokładny wariant widżetu i prawdziwy identyfikator z kreatora. Nigdy nie wymyślaj trasy ani preferencji.
2. Użyj listy preferencji obsługiwanych przez dany widżet. Zachowaj małe litery w kluczach oraz typy wartości JSON.
3. Twórz adresy za pomocą URL i URLSearchParams oraz zachowaj token osadzania. Ustawienia rozmiaru przechowuj poza pref.
4. Uwzględniaj uprawnienia konta i dostępność treści. Nigdy nie obiecuj, że zmiana preferencji usunie oznaczenia marki lub wyświetli niedostępną treść.
5. Dodaj opisowy tytuł iframe, odpowiednie wymiary, uprawnienia do odtwarzania wideo tam, gdzie są potrzebne, oraz właściwy skrypt pomocniczy.