Vložit widget
Zobrazte aktuální maximální ceny benzínu Natural 95 a nafty z Cenového věstníku MF ČR na svém webu. Jeden řádek kódu, bez závislostí.
Živá ukázka
Čtyři varianty — světlý a tmavý motiv, anglicky a česky.
Světlý · angličtina
Tmavý · angličtina
Světlý · čeština
Tmavý · čeština
Základní použití
Vložte následující řádek kamkoli do HTML. Widget se automaticky připojí na konec stránky.
<script src="https://zakolikdnes.cz/widget.js"></script>Nastavení motivu a jazyka
<script src="https://zakolikdnes.cz/widget.js"
data-theme="dark"
data-lang="cs"></script>Vlastní umístění
Widget se připojí do elementu #fuel-cap-widget, pokud existuje. Pro jiný cíl použijte atribut data-target s CSS selektorem.
<div id="fuel-cap-widget"></div>
<script src="https://zakolikdnes.cz/widget.js" data-theme="dark"></script>Konfigurace
| Atribut | Hodnoty | Výchozí | Popis |
|---|---|---|---|
| data-theme | "light" | "dark" | "light" | Barevné schéma karty. |
| data-lang | "en" | "cs" | "en" | Jazyk popisků, formátu čísel a data. |
| data-target | CSS selektor | — | Prvek, do kterého se widget připojí. |
| data-api | URL | https://zakolikdnes.cz | Přepsání základního API (pro testování). |
Co widget umí
- Izolovaný Shadow DOM — žádný konflikt se styly hostitelské stránky.
- Automatická detekce změny oproti předchozímu věstníku (šipky ↑ ↓).
- Respektuje
prefers-reduced-motion. - Bezpečná data — žádné
innerHTMLs dynamickým obsahem. - Timeout 3 s a grafický fallback při nedostupnosti API.