Ensimmäinen widgettisi

Valitse vimpain, kopioi sen upotuskoodi ja mukauta se tarpeisiisi.

1. Avaa vimpainluettelo ja valitse tarvitsemasi näkymä. Valitse rakentajassa joukkue, liiga, kilpailu tai ottelu.
2. Kirjaudu sisään ja valitse tarvittaessa kehittäjätilaus. Kopioi valmis upotuskoodi sekä sen tunnus, iframe-luokka ja koonmääritysskripti.
3. Liitä upotuskoodi sivustosi HTML-lohkoon. Käytä natiivissa WebView-näkymässä vimpaimen URL-osoitetta ja määritä isäntäsovellus tukemaan videoita ja koko näytön tilaa.
4. Muuta vain kyseisen vimpaimen tukemia asetuksia. Testaa mobiililaitteella ja samalla tilitunnuksella, jota käytät tuotannossa.

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

Asetusten toiminta

Neljä erityyppistä asetusta eri käyttöalueille.

URL-parametri on yksiköllinen pref. Se sisältää URL-koodattua JSON-dataa, ei Base64-dataa. Käytä totuusarvoja true ja false, älä merkkijonoja, kuten "true". Tuntemattomia avaimia ei tueta mukautustapana.

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

Kun muokkaat olemassa olevaa URL-osoitetta, jäsennä sen pref-JSON, muuta tarvittavat avaimet ja sarjallista se uudelleen. Älä yhdistä suojaamatonta JSON-dataa tai koodaa jo koodattua arvoa toistamiseen.

Asetus voidaan jäsentää onnistuneesti ilman vaikutusta, jos valittu vimpain ei käytä sitä. Jokaisessa alla olevassa vimpainosiossa luetellaan tuetut asetukset ja tärkeät poikkeukset.

Löydä oikea sisältö

Käytä rakennustyökalun todellisia valintoja ja säilytä entiteetin tyyppi.

Joukkue- ja turnausreitit käyttävät rakennustyökalun tuottamia tunnisteita. Slugit, kuten chelsea tai england-premier-league, ovat helppolukuisia esimerkkejä. Älä luo tunnisteita muuttamalla näyttönimen kirjaimia pieniksi. Ottelureitit edellyttävät otteluvalitsimesta saatua ottelutunnistetta tai aiemmin palautettua matchviewUrl-arvoa.

Kilpailu tarkoittaa yksittäistä kilpailua tai vaihetta. Liiga kokoaa yhteen toisiinsa liittyviä kilpailuja. Yhdistetty valitsin valitsee oikean tyypin; liigaa ja kilpailua ei voi käyttää toistensa sijaan.

MM-kisojen rakennustyökalu on esiasetus, joka käyttää samoja liiga-, tulospalkki-, videopaneeli- ja otteluwidgettejä. Käytä nykyisen rakennustyökalun valintaa vanhan turnausaliaksen sijaan.

Responsiivinen koonmääritys

Valitse vimpaimelle oikea apuskripti.

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

Lataa kukin apuohjelma vain kerran sivua kohden ja niiden iframe-elementtien jälkeen, joita sen on tarkoitus hallita. Säilytä vastaava iframe-luokka. Selainpuolella hahmonnettavassa sovelluksessa iframe-elementit on liitettävä ennen apuohjelman lisäämistä; älä oleta, että HTML:ään lisätty skriptimerkkijono suoritetaan.

Tulospalkit käyttävät kiinteää palkkikorkeuttaan. Jätä automaattinen koonmääritys pois kiinteäkokoisissa paneeleissa ja muissa kiinteäkorkuisissa upotuksissa ja määritä iframe-kehyksen mitat CSS:llä. Sisäinen nomaxwidth ei muuta iframe-kehyksen kokoa.

Värit, käyttöoikeudet ja tiliasetukset

Pidä instanssikohtaiset asetukset erillään tallennetuista asetuksista.

Rakennustyökalu tallentaa taustavärin tilin asetukseksi ui.color ja tulospalkin värin asetukseksi ui.barColor. Se voi myös lisätä iframe-elementtiin background-color-tyylin. Arvojen color tai barColor lisääminen kohteeseen pref ei määritä widgetin sisäistä teemaa.

Tallennetut värit ovat tilikohtaisia ja edellyttävät asianmukaista mukautusoikeutta. Niiden muuttaminen voi vaikuttaa muihin saman tilin upotuksiin. Rakentajan esikatselussa voi näkyä esimerkkityylejä; tarkista viety upotus omalla tunnuksellasi.

Sisältöotsikon piilottaminen asetuksella noheader edellyttää aktiivista mainoksetonta käyttöoikeutta. Brändäyksen poistamiseen tarvitaan erillinen käyttöoikeus. Asetuksilla ei voi avata maksullisia ominaisuuksia, poistaa tilausrajoituksia tai pakottaa puuttuvaa tekoälysisältöä näkyviin.

Ehdot täyttävillä tileillä otteluiden, joukkueiden, liigojen ja kilpailujen siirtymisosoitteet voi määrittää tiliasetuksissa. Ne ovat tallennettuja linkkiasetuksia, eivät vapaavalintaisia pref-avaimia. Säilytä rakentajan vakiosiirtyminen, ellet ole määrittänyt ja testannut mukautettua integraatiota.

Mainoksettomat vimpain- ja soitinlataukset käyttävät samaa kehittäjäkiintiötä kuin laskutettavat Video API -kutsut. Yksi laskutettava API-kutsu kuluttaa viisi krediittiä ja yksi mainokseton vimpain- tai soitinlataus yhden. Tarkista aktiivinen tilauksesi ja käyttömääräsi tililtäsi; kiintiön ylittäminen voi palauttaa maksuttoman tilauksen rajoitukset.

Välilehdet ja mukautettu navigointi

Aloitusvälilehdet ja mukautetut kohteet määritetään erikseen.

Koko ottelu-, joukkue-, liiga- tai kilpailuwidgetti voidaan avata valitulla välilehdellä. tab on erillinen kyselyparametri, ei pref-avaimen sisäinen avain. Se edellyttää voimassa olevaa mainoksetonta käyttöoikeutta, ja pyydetyn välilehden on oltava käytettävissä valitulle sisällölle.

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

Mukautetun navigoinnin perusosoitteet tallennetaan tilin asetuksiin: matchviewUrl, teamUrl, competitionUrl ja leagueUrl. Tuetuissa tapauksissa widgetti lisää määritetyn perusosoitteen loppuun valitun tunnisteen ja kauttaviivan. Käytä kauttaviivaan päättyvää perusosoitetta ja varmista, että kohde tukee kyseistä reittiä.

Kun määritetty mukautettu ponnahdusikkuna avataan, widgetti lisää yleensä parametrin sbprf, joka sisältää nykyisen kielen URL-koodattuna JSON-muodossa. Kohde voi lukea parametrin ja välittää tuetun kielen omaan widgettiinsä. Se ei ole kopio kaikista lähteen asetuksista.

Mukautetun verkkotunnuksen määritys

Pidä kävijät verkkosivustollasi, kun he avaavat otteluita, kilpailuja, liigoja ja joukkueita. Saatavilla Advanced- ja Enterprise-tilauksissa.

Tämä ominaisuus yhdistää widgettien linkit ylläpitämillesi sivuille. Se ei siirrä ScoreBat-palveluita verkkotunnuksellesi eikä edellytä DNS-muutosta. Palvelimesi on näytettävä oikea widgetti jokaisessa tuetussa URL-osoitteessa.

1. Luo yksi isäntäsivu, joka sisältää alla olevan latausskriptin. Korvaa YOUR_EMBED_TOKEN omalla koostajasta saamallasi upotustunnuksella.
2. Määritä sisäiset uudelleenkirjoitukset niin, että jokainen tuettu polku näyttää tämän sivun ja alkuperäinen URL-osoite sekä kyselymerkkijono säilyvät selaimessa.
3. Testaa oikeat ottelu-, kilpailu-, liiga- ja joukkue-URL-osoitteet ennen koko tiliä koskevien linkkien käyttöönottoa.
4. Avaa Account-kohdassa Developer settings ja anna perus-URL-osoitteet. Tarkista muutokset, vahvista sivujen testaus ja tallenna. Linkit tulevat voimaan heti onnistuneen tallennuksen jälkeen, eikä manuaalista hyväksyntää tarvita.

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

Jaettu latausskripti odottaa polkunimiä matchview, competition, league ja team. Polku, kuten /match/123/, tarvitsee oman reitityslogiikkasi, joka yhdistää sen matchview-upotukseen. Pelkkä URL-osoitteen nimeäminen uudelleen ei riitä.

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.

Jos käytät alihakemistoa, kuten /football/, määritä baseDir: "/football/", reititä /football/matchview/... ja muut kolme polkua jaetulle sivulle ja tallenna perus-URL-osoitteet samalla /football/-etuliitteellä. Säilytä kyselyparametrit, mukaan lukien sbprf, joka välittää navigointiasetukset.

Latausskripti voi päivittää isäntäsivun otsikon. Määritä SCOREBAT_OPTIONS-kohdassa noTitle: true, jos verkkosivustosi hallitsee omaa otsikkoaan. Käytä koostajasta saatuja oikeita tunnisteita. Paikkamerkit eivät kelpaa sisällöksi.

WordPress-määritys

Näytä sama WordPress-sivu jokaisella widgetin reitillä.

1. Luo WordPress-sivu widgetin isäntäsivuksi ja lisää edellisen osion jaetun isäntäsivun skripti. Käytä omaa upotustunnustasi.
2. Etsi sivun tunnus editorin URL-osoitteesta ja korvaa sitten alla olevan esimerkin 123. Lisää koodi pieneen sivustolisäosaan tai alateemaan, älä pääteemaan, jonka päivitykset voivat korvata sen.
3. Tallenna Settings → Permalinks kerran uudelleenkirjoitussääntöjen lisäämisen tai muuttamisen jälkeen. Älä tyhjennä uudelleenkirjoitussääntöjä jokaisen pyynnön yhteydessä.
4. Avaa oikeat URL-osoitteet kaikille neljälle sisältötyypille ja varmista, että oikeat widgetit latautuvat, ennen kuin tallennat perus-URL-osoitteet Account-kohdassa.

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

Jotkin WordPress-roolit, editorit ja hosting-alustat poistavat script-tunnisteet mukautetun HTML:n lohkoista. Jos latausskripti katoaa, pyydä kehittäjääsi lisäämään se luotettavan sivustolisäosan tai sivumallin kautta vain widgetin isäntäsivulle. Tarkista välimuisti-, uudelleenohjaus- ja tietoturvalisäosat, jos syvälinkit eivät toimi.

Jos WordPress on asennettu alihakemistoon, määritä baseDir-asetukseksi asennuspolku, jonka lopussa on vinoviiva. Uudelleenkirjoitusmallit ovat suhteessa tähän asennukseen, ja tilin perus-URL-osoitteissa on oltava sama etuliite.

Testaa linkit ja ota ne käyttöön

Tallennettu URL-osoite ei osoita, että verkkosivustosi on valmis. Testaa ensin ja vahvista sitten koko tiliä koskeva muutos.

1. Avaa yksi oikea URL-osoite jokaiselle määritetylle sisältötyypille. Varmista, että oikea widgetti tulee näkyviin, päivitä sitten sivu ja avaa se uuteen selaimen välilehteen.
2. Tarkista mobiiliasettelu, widgetin korkeus ja siirtyminen sisältötyyppien välillä. Pidä alkuperäinen syvälinkin URL-osoite näkyvissä. Älä uudelleenohjaa jokaista pyyntöä osoitteeseen popup.html tai WordPress-sivun polkutunnukseen.
3. Varmista, että HTTPS toimii ja palvelimesi säilyttää kyselymerkkijonon. Tarkista selaimen virheet, jos sisältöturvakäytäntö estää ScoreBat-skriptit tai iframe-kehykset.
4. Tallenna Account-kohdassa, kun olet vahvistanut määrityksen. Siirry widgetistä eteenpäin käyttäen saman tilin tunnusta ja varmista, että käyttöönotetut kohteet toimivat.
5. Palauta ScoreBat-kohteet tyhjentämällä asianomaiset perus-URL-osoitteet tai valitsemalla Käytä ScoreBat-linkkejä. Tarkista ja tallenna sitten uudelleen.

Nämä värit ovat yhteisiä kaikille kelvollisille widgeteille, jotka käyttävät tilisi tunnusta, mukaan lukien jo julkaistut widgetit.

Mukautetun verkkotunnuksen muokkaaminen edellyttää aktiivista Advanced- tai Enterprise-tilausta. Muut kehittäjät voivat nähdä asetukset ja päivittää tilauksen. Määritetyt linkit säilytetään. Ota yhteyttä ScoreBatiin, jos tarvitset apua määrityksessä, joka ei vastaa näitä esimerkkejä.

Valitse vimpain

Jokaisessa viiteosiossa luetellaan sen tukemat asetukset, oletusarvot ja poikkeukset.

Etsi upottamasi widgetti alla olevalla ryhmäsuodattimella. Samannimisillä parametreilla voi olla widgettikohtaisia vaikutuksia, ja asetusta tuetaan vain siellä, missä se on mainittu. Edistyneet reitit on merkitty, jos niille ei ole omaa rakennustyökalun esiasetusta.

Tulospalvelu

Kilpailujen tulokset ja otteluohjelmat.

/embed/livescore/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

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.

Tulospalkki

Vaakasuuntainen tulospalkki kaikille otteluille, joukkueelle tai turnaukselle.

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

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

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.

Kattava liiga

Kattava liiganäkymä, joka yhdistää toisiinsa liittyvät kilpailut, ottelut ja taulukot.

/embed/league/{league}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Kattava kilpailu

Yhden kilpailun ottelut, tulokset ja saatavilla olevat sarjataulukot.

/embed/competition/{competition}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Otteluohjelma ja tulokset

Erillinen otteluohjelma- ja tulosnäkymä, jossa on tarvittaessa Tänään-välilehti.

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

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Kilpailujen ja liigojen sarjataulukot

Erilliset liigan sarjataulukot; yhdellä liigalla voi olla useita vaihekohtaisia taulukoita.

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

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Kattava joukkue

Kattava joukkuesivu, jolla näkyvät ottelut ja saatavilla olevat joukkuetiedot.

/embed/team/{team}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Joukkueen sarjataulukko

Yhteen joukkueeseen keskitetty sarjataulukko, jonka voi näyttää myös kokonaan.

/embed/standings/team/{team}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Joukkueen ottelukortti

Yhden joukkueen tulevien ja/tai viimeksi päättyneiden otteluiden kortit.

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

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Kattava ottelu

Täydellinen ottelunäkymä, jossa näkyvät kyseisestä ottelusta saatavilla olevat tiedot.

/embed/matchview/{match}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Ottelutulos

Ottelun tuloskortti valinnaisilla tapahtumilla.

/embed/matchscore/{match}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Kokoonpano

Avauskokoonpano, kenttä-/luettelonäkymä ja vaihtopelaajat, kun tiedot ovat saatavilla.

/embed/line-up/{match}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Ottelutilastot

Saatavilla olevat ottelutilastot erillisessä näkymässä.

/embed/matchstats/{match}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Keskinäiset ottelut

Valitun ottelun aiemmat kohtaamiset ja vertailutiedot.

/embed/match-h2h/{match}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Otteluvideo ja tekoäly

Valitun ottelun videosisältö ja saatavilla oleva tekoälykonteksti.

/embed/g/{match}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

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.

Ottelun sarjataulukko

Saatavilla oleva sarjataulukko, jossa ottelun molemmat joukkueet on korostettu.

/embed/matchstandings/{match}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

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.

Ottelun tekoäly

Erillinen tekoälyennusten näkymä, kun ennusteita on saatavilla.

/embed/matchai/{match}/

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

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.

Videopaneeli

Videosoitin, jossa voi selata otteluvalikoimaa.

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

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

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

Videosyöte

Pystysuuntainen otteluvideosyöte valinnaisella laajennuksella ja automaattisella toistolla.

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

Tuetut asetukset

Oletusarvot kuvaavat URL-osoitteita ilman asetuksia. Käytä vain tälle vimpaimelle lueteltuja asetuksia.

Rakentajan oletusarvot

Rakennustyökalu määrittää nämä asetukset erikseen. Muut oletukset periytyvät valitulta versiolta.

{
  "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-lisäosa

Lisää ja hallitse jalkapallovimpaimia suoraan WordPress-ohjausnäkymässä.

ScoreBat-lisäosalla voit lisätä WordPress-sivustollesi reaaliaikaiset tulokset, otteluohjelmat, sarjataulukot, joukkue- ja otteluvimpaimet sekä viralliset koostevideot.

Hanki ScoreBat-lisäosa WordPress.org-sivustolta

1. Avaa WordPress-ohjausnäkymässä Lisäosat → Lisää uusi lisäosa, hae nimellä ScoreBat ja asenna sekä ota lisäosa käyttöön.
2. Avaa ohjausnäkymästä ScoreBat ja valitse Yhdistä ScoreBat-palveluun. Kirjaudu sisään tai luo maksuton tili ja hyväksy sitten yhteyden muodostaminen sivustoosi.
3. Avaa vimpainluettelo, valitse ja mukauta vimpain ja tallenna se sivustollesi vahvistamalla Käytä WordPress-sivustolla.
4. Lisää ScoreBat-jalkapallovimpainlohko ja valitse tallentamasi vimpain tai liitä sen lyhytkoodi Lyhytkoodi-lohkoon. Voit myös luoda ScoreBat-ohjausnäkymässä luonnossivun, johon vimpain on jo lisätty.
5. Esikatsele sivua tietokoneella ja mobiililaitteella ja julkaise se, kun olet valmis.

Jos asetus ei toimi

Tarkista reitti, arvon tyyppi, käyttöoikeus ja upotusympäristö.

1. Varmista, että reitti vastaa lukemaasi vimpainosiota. Kattava joukkue, joukkueen sarjataulukko ja joukkueen ottelukortti käyttävät eri hahmontajia.
2. Tarkista tarkka pienillä kirjaimilla kirjoitettu avain ja JSON-tietotyyppi. Käytä kerran koodattua muotoa pref={...}; älä välitä käyttöliittymän tekstejä tai sisäisiä camelCase-nimiä.
3. Vertaa tuettujen asetusten luetteloon. Rakentajan säädin voi näkyä useissa versioissa, vaikka tietty hahmontaja ei käyttäisi sitä.
4. Tarkista aktiivinen tilauksesi ja tunnuksesi. Otsikon poistaminen, värit, brändäys ja tekoälyominaisuudet voivat riippua käyttöoikeuksista.
5. Testaa vietyä URL-osoitetta, älä esikatseludemota. Tarkista, että isäntäsivu sallii iframe-elementin ja tarvittavan koonmuutosskriptin.
6. Jos itse sisältö puuttuu, kokeile toista ottelua tai kilpailua, jolle on saatavilla tietoja. Asetus ei voi luoda puuttuvia taulukoita, videoita tai kokoonpanoja.

Jos asettelussa on ongelmia, tarkista ensin ylätason säilön leveys ja korkeus. Jos sisältö leikkautuu, tarkista apuskripti ja iframe-luokka tai suurenna kiinteää korkeutta. Päivitä vimpain sen URL-osoitteen tai tallennettujen asetusten muuttamisen jälkeen.

Luo tekoälyavustajan avulla

Kopioitava opas ja koneellisesti luettava vimpainluettelo.

Markdown-oppaassa on integrointiohjeet. JSON-manifesti sisältää reitit, tuettujen asetusten nimet, sallitut arvot, oletukset ja soveltuvuutta koskevat huomautukset. Molemmissa käytetään paikkamerkkejä tilikohtaisten tunnusten sijaan.

1. Valitse tarkka vimpainversio ja todellinen tunniste rakentajasta. Älä koskaan keksi reittiä tai asetusta.
2. Käytä kyseisen widgetin tuettujen asetusten luetteloa. Säilytä avaimet pienaakkosin ja JSON-arvojen tyypit ennallaan.
3. Muodosta URL-osoitteet URL- ja URLSearchParams-rajapinnoilla ja säilytä upotustunnus. Pidä kokoasetukset pref-arvon ulkopuolella.
4. Huomioi tilin käyttöoikeudet ja sisällön saatavuus. Älä koskaan lupaa, että asetuksen muuttaminen poistaa brändäyksen tai tuo puuttuvan sisällön näkyviin.
5. Lisää kuvaava iframe-otsikko, sopivat mitat, tarvittaessa video-oikeudet ja oikea apuskripti.