「BIM.house で開く」を、あなたのサイトに。

不動産情報、工務店、建築ブログ、SNS、社内 wiki — どこでも 1 行で読者に 3D BIM を体験してもらえます。3 形式から選べます。

1. iframe で埋める (推奨)

HTML が編集できるサイトなら、貼るだけで訪問者がその場で 3D を回せます。

サンプル

コピペ用コード

<iframe src="https://bim.house/embed/famous-fallingwater"
  width="100%" height="480" frameborder="0"
  allow="fullscreen" loading="lazy"
  title="BIM.house — 落水荘 3D BIM"></iframe>

2. リンクボタン (どこでも貼れる)

SNS の説明欄、Slack、メール、PDF — iframe が貼れない場所では「BIM.house で開く」ボタン画像 + リンク。

サンプル

HTML

<a href="https://bim.house/viewer/famous-fallingwater" target="_blank">
  <img src="https://bim.house/embed/button.svg" alt="BIM.house で開く" height="44">
</a>

Markdown (Notion / GitHub README / Qiita)

[![BIM.house で開く](https://bim.house/embed/button.svg)](https://bim.house/viewer/famous-fallingwater)

ボタンラベルをカスタマイズ

<img src="https://bim.house/embed/button.svg?label=View%20in%20BIM.house" height="44" alt="View in BIM.house">

3. oEmbed (URL を貼るだけ)

Twitter X / Slack / Notion / Discord 等で https://bim.house/viewer/<slug> を貼ると自動展開。

https://bim.house/viewer/famous-fallingwater

oEmbed JSON エンドポイント:

GET https://bim.house/oembed?url=https://bim.house/viewer/famous-fallingwater&format=json

📐 もっと使いこなす

• 編集モード: /embed/<slug>?edit=1 で iframe 内 BIM 編集も可
• 枠なし: /embed/<slug>?bare=1 で完全に枠なしの 3D viewer のみ
• 確認申請副本リンク: /permit/<slug> をボタンに貼れば訪問者が即 PDF 化可能

🎨 オリジナルデザインのボタンを作る

サイトのデザインに合わせて自前のボタン画像を作って /viewer/<slug> にリンクするだけでも OK。色・形・サイズ自由。"BIM.house で開く" の文字列だけ含めていただければデザイン完全自由です。