Zet de bietenradar op je eigen site

Het bietenbericht van vandaag, de kaart en de stand per buurt, in een blok dat je op elke pagina kunt plakken. Gratis, zonder account en zonder script van ons op je site.

Gemaakt voor redacties, wijkorganisaties en iedereen die hem leuk vindt. Een bronvermelding met een link naar bietenradar.nl stellen we op prijs.

Zo ziet hij eruit

Dit is de echte widget, live op deze pagina. Wat je hier ziet, zien je bezoekers ook.

De code

Plak dit in je pagina, op de plek waar de widget moet komen. Meer is het niet.

html

<iframe
  src="https://bietenradar.nl/embed"
  title="Bietenradar, ruikt Groningen vandaag de bieten?"
  width="100%"
  height="520"
  loading="lazy"
  style="border:1px solid #dccfc2; border-radius:14px; max-width:600px;"
></iframe>

Wat je kunt aanpassen

height: 520 pixels past bij de volledige widget met kaart. Wil je hem korter, dan schuift de kaart mee weg.
max-width: de widget is gemaakt voor 600 pixels breed en schaalt netjes mee naar een telefoon.
border en border-radius: haal ze weg als je eigen huisstijl dat wil.
loading="lazy": laat staan. Dan laadt de widget pas als de bezoeker er bijna bij is en kost hij je geen laadtijd.

Liever de kale cijfers

Alles wat de widget toont staat ook als open data klaar, bijgewerkt zodra de voorspelling verandert. Vrij te gebruiken onder CC BY 4.0, met bronvermelding Bietenradar.

javascript

fetch("https://bietenradar.nl/api/vandaag")
  .then((r) => r.json())
  .then((d) => {
    console.log(d.headline.text);   // de kop van vandaag
    console.log(d.wind.compass);    // windstreek
    console.log(d.buurten.length);  // alle buurten met hun niveau
  });

Bekijk de data van vandaag

Vragen

Werkt er iets niet, of wil je een andere maat of een eigen kleur? Laat het weten via de contactpagina. De widget staat op https://bietenradar.nl/embed en mag in een iframe op elk domein.