iFrame Integratie
Met de iFrame-integratie kunt u de volgende inzameldatums rechtstreeks insluiten in uw eigen website, uw intranet of uw lokale dashboard – zonder backend. De datums worden geladen als een slanke, responsieve widget.
1. Adres controleren
Bezoek eerst de müll.io-startpagina en zorg ervoor dat uw adres wordt herkend en de inzameldatums correct worden weergegeven. müll.io.
2. iFrame-URL samenstellen
De widget-URL accepteert dezelfde queryparameters als het ICS-eindpunt. Vervang de tijdelijke aanduidingen door uw adresgegevens:
https://müll.io/iframe/latest?street=Carl-Severing-Stra%C3%9Fe&houseNumber=91&zip=33649&city=Bielefeld&country=DE
Speciale tekens moeten URL-gecodeerd zijn (bijv. ü → %C3%BC).
3. iFrame insluiten
Voeg het volgende HTML-fragment toe aan uw pagina en pas de URL uit stap 2 aan:
<iframe
src="https://müll.io/iframe/latest?street=Carl-Severing-Stra%C3%9Fe&houseNumber=91&zip=33649&city=Bielefeld&country=DE"
width="320"
height="220"
frameborder="0"
scrolling="no"
title="Volgende inzameldatums"
style="border-radius: 10px; border: none;"
></iframe>Hoogte en breedte kunnen vrij worden aangepast. Voor veel afvalsoorten wordt een grotere hoogte aanbevolen (bijv. height="320").
Voorbeeld
Zo ziet de ingebedde widget eruit (voorbeeldadres):