iFrame 連携

iFrame 連携を使えば、次回のごみ収集日をご自身のウェブサイト、イントラネット、ローカルのダッシュボードに直接埋め込めます。バックエンドは不要です。収集日は軽量なレスポンシブウィジェットとして読み込まれます。

1. 住所を確認

まず binable のトップページで、住所が認識され、ごみ収集日が正しく表示されることを確認してください。 binable.

2. iFrame の URL を作成

ウィジェットの URL には、ICS エンドポイントと同じクエリパラメーターを指定できます。プレースホルダーを住所データに置き換えてください：

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

ウムラウトや特殊文字は URL エンコードが必要です（例：ü → %C3%BC、ß → %C3%9F）。

3. iFrame を埋め込む

次の HTML スニペットをページに追加し、手順 2 の URL に合わせて調整してください：

<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="次回のごみ収集日"
  style="border-radius: 10px; border: none;"
></iframe>

高さと幅は自由に調整できます。ごみの種類が多い場合は、高さを大きめにすることをおすすめします（例：height="320"）。