Προγραμματιστές

Ενσωματώστε ζωντανές τιμές καυσίμων

Προσθέστε ένα μικρό, πάντα ενημερωμένο widget τιμών σε οποιονδήποτε ιστότοπο. Επιλέξτε τι θα δείχνει και αντιγράψτε τον κώδικα.

Οι τιμές προέρχονται από το ημερήσιο δελτίο ΔΙ.Μ.Ε.Α. στο fuelprices.gr. Το υπουργείο δημοσιεύει τις εθνικές μέσες τιμές λιανικής κάθε ημέρας την επόμενη μέρα, οπότε τα πιο πρόσφατα στοιχεία του widget είναι πάντα περίπου μία ημέρα παλιά.

Προεπισκόπηση

340px

Προεπισκόπηση ωςΦόντοΆνοιγμα

Έτοιμα στυλ

Περιεχόμενο

Περιοχή

Γλώσσα

Καύσιμο

Εμφάνιση

Θέμα

Γωνίες

Διάταξη

Πλάτος

340px

Γραμματοσειρά

Προσαρμοσμένο χρώμα

Λεπτομέρειες

Εμφάνιση τίτλουΕμφάνιση ημερομηνίαςΣχετική ημερομηνίαΕμφάνιση μεταβολής τιμήςΓράφημα τάσης

<iframe src="https://www.fuelo.gr/widget?" width="340" height="242" style="border:0;overflow:hidden" loading="lazy" title="Fuelo"></iframe>

Αναφορά

Παράμετροι του widget

Κάθε παράμετρος μπαίνει στο query string του https://www.fuelo.gr/widget. Το ίδιο ισχύει για τα data-* attributes με το /widget.js.

Παράμετρος	Τιμές	Προεπιλογή	Περιγραφή
`area`	national · cheapest · <slug>	national	Όλη η Ελλάδα, ο φθηνότερος νομός για ένα καύσιμο, ή slug νομού (π.χ. attikis).
`fuel`	all · <key> · k1,k2	all	Ένα κλειδί καυσίμου, λίστα με κόμμα, ή all. Κλειδιά: unleaded_95, unleaded_100, diesel, autogas.
`theme`	auto · light · dark	auto	Το auto ακολουθεί τη ρύθμιση του λειτουργικού του επισκέπτη.
`lang`	el · en	el	Γλώσσα κειμένων του widget.
`layout`	card · compact	card	Το compact μειώνει τα περιθώρια και τις γραμμές για επικεφαλίδες ή tickers.
`accent`	rrggbb	brand	Δεκαεξαδικό χρώμα (με ή χωρίς #) για την έμφαση τιμής, τα chips και το credit.
`radius`	none · sm · md · lg	md	Στρογγυλότητα γωνιών κάρτας (0 / 10 / 16 / 22px).
`width`	fixed · fluid	fixed	Το fluid γεμίζει το container αντί για το όριο των 340px.
`font`	system · serif · mono · <stack>	system	Δεκτό και ακατέργαστο CSS font-family stack.
`header`	0 · 1	1	Εμφάνιση της γραμμής τίτλου.
`date`	0 · 1	1	Εμφάνιση της γραμμής ενημέρωσης.
`rel`	0 · 1	0	Εμφάνιση της ώρας ενημέρωσης ως “σήμερα / πριν 2 ημέρες”.
`trend`	0 · 1	0	Chip μεταβολής ανά καύσιμο σε σχέση με το παράθυρο (πράσινο όταν η τιμή έπεσε).
`spark`	0 · 1	0	Γράφημα τάσης ανά καύσιμο από το πρόσφατο ιστορικό.

Αυτόματο ύψος: <div data-fuelo-widget data-area="attikis"></div> με <script src="https://www.fuelo.gr/widget.js" async></script>. oEmbed: https://www.fuelo.gr/api/oembed?url=….

Παράμετροι του widget

Κάθε παράμετρος μπαίνει στο query string του https://www.fuelo.gr/widget. Το ίδιο ισχύει για τα data-* attributes με το /widget.js.

Παράμετρος	Τιμές	Προεπιλογή	Περιγραφή
`area`	national · cheapest · <slug>	national	Όλη η Ελλάδα, ο φθηνότερος νομός για ένα καύσιμο, ή slug νομού (π.χ. attikis).
`fuel`	all · <key> · k1,k2	all	Ένα κλειδί καυσίμου, λίστα με κόμμα, ή all. Κλειδιά: unleaded_95, unleaded_100, diesel, autogas.
`theme`	auto · light · dark	auto	Το auto ακολουθεί τη ρύθμιση του λειτουργικού του επισκέπτη.
`lang`	el · en	el	Γλώσσα κειμένων του widget.
`layout`	card · compact	card	Το compact μειώνει τα περιθώρια και τις γραμμές για επικεφαλίδες ή tickers.
`accent`	rrggbb	brand	Δεκαεξαδικό χρώμα (με ή χωρίς #) για την έμφαση τιμής, τα chips και το credit.
`radius`	none · sm · md · lg	md	Στρογγυλότητα γωνιών κάρτας (0 / 10 / 16 / 22px).
`width`	fixed · fluid	fixed	Το fluid γεμίζει το container αντί για το όριο των 340px.
`font`	system · serif · mono · <stack>	system	Δεκτό και ακατέργαστο CSS font-family stack.
`header`	0 · 1	1	Εμφάνιση της γραμμής τίτλου.
`date`	0 · 1	1	Εμφάνιση της γραμμής ενημέρωσης.
`rel`	0 · 1	0	Εμφάνιση της ώρας ενημέρωσης ως “σήμερα / πριν 2 ημέρες”.
`trend`	0 · 1	0	Chip μεταβολής ανά καύσιμο σε σχέση με το παράθυρο (πράσινο όταν η τιμή έπεσε).
`spark`	0 · 1	0	Γράφημα τάσης ανά καύσιμο από το πρόσφατο ιστορικό.

Αυτόματο ύψος: <div data-fuelo-widget data-area="attikis"></div> με <script src="https://www.fuelo.gr/widget.js" async></script>. oEmbed: https://www.fuelo.gr/api/oembed?url=….