あらゆる住所のライブ住みやすさスコアを自分のページに表示しましょう — 無料、レスポンシブ、 ビルド不要。物件情報、街のガイド、移住ツール、都市ページに最適です。スコアをタップした 訪問者は BuildingsScore の完全なレポートに移動します。
スコアを表示したい場所にプレースホルダーを追加し、スクリプトをページに1回だけ読み込みます。 評価したい場所の座標を設定してください：
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
これだけです。スクリプトがプレースホルダーをスコアカードに置き換え、サイズを自動調整します。
上記のスニペットが生成するウィジェットはこちらです：
data-layout で2種類の形状を選べます — vertical
（上に表示されているデフォルト。サイドバーやカードに最適）と
horizontal（物件情報の上部や全幅の行に収まるワイドバナー）：
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
プレースホルダーの data-* 属性でウィジェットを設定します：
| 属性 | 説明 |
|---|---|
data-lat / data-lng | 評価する場所の座標。検索不要で確実なオプション — 持っている場合はこちらを使用してください。 |
data-address | 評価する住所（lat/lngを指定しない場合はジオコーディングされます）やカードに表示するラベル。 |
data-layout | vertical（デフォルト、縦長カード）または horizontal（ワイドバナー — スコアをコンパクトな2列グリッドの横に表示）。 |
data-theme | auto（デフォルト、訪問者のOSに従う）、light、または dark。 |
data-ref | アトリビューション用のサイト／キャンペーンタグ。デフォルトはあなたのドメイン。 |
data-height | カードが自身のサイズを測定する前の初期高さ（px）（デフォルト 440）。 |
data-cta | 0 に設定すると「完全なレポートを見る」ボタンを非表示にします。 |
無限スクロール、SPA、AJAXの結果など動的にリスティングをレンダリングしている場合は、 新しいプレースホルダーを挿入した後に次を呼び出してください：
BuildingsScore.render();
スクリプトを使わずにウィジェットを直接埋め込む方法：
<iframe src="https://buildingsscore.com/embed.html?lat=48.8584&lng=2.2945" style="width:100%;height:440px;border:0" loading="lazy" title="BuildingsScore"></iframe>
スクリプトを使用すると、カードはコンテンツに合わせて自動リサイズされます。iframeのみの場合は、 高さを自分で固定値で設定してください。
スコア、ボタン、各カテゴリをクリックすると、その場所の完全でインタラクティブな BuildingsScore レポートが新しいタブで開きます — 訪問者が詳細を確認している間も、 あなたのページに留まり続けます。ウィジェット内でサードパーティのCookieは一切設定せず、 スコアは私たちのサーバーで計算されるため、あなたのページは高速なままです。