iFrame-integrasjon

Med iFrame-integrasjonen kan du bygge inn de neste tømmedatoene direkte på din egen nettside, på intranettet eller i ditt lokale dashbord – uten backend. Datoene lastes inn som en slank, responsiv widget.

1. Sjekk adresse

Gå først til forsiden til binable og sørg for at adressen din gjenkjennes og at tømmedatoene vises riktig. binable.

2. Sett sammen iFrame-URL

Widget-URL-en tar imot de samme query-parameterne som ICS-endepunktet. Erstatt plassholderne med adressedataene dine:

https://binable.app/iframe/latest?street=Carl-Severing-Stra%C3%9Fe&houseNumber=91&zip=33649&city=Bielefeld&country=DE

Omlyder og spesialtegn må URL-kodes (f.eks. ü → %C3%BC, ß → %C3%9F).

3. Bygg inn iFrame

Legg til følgende HTML-kodebit på siden din og tilpass URL-en fra trinn 2:

<iframe
  src="https://binable.app/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="Neste tømmedatoer"
  style="border-radius: 10px; border: none;"
></iframe>

Høyde og bredde kan tilpasses fritt. Ved mange avfallstyper anbefales en større høyde (f.eks. height="320").