自転車クラブにはウェブサイトがあり、学校にはお知らせページがあり、自治体には新しい自転車道を紹介するページがあります。これまで、そこでルートを紹介するには、すぐに古くなるスクリーンショットを貼るか、訪問者をよそへ送り出すリンクを載せるしかありませんでした。
これからは、Party Onbici のルートやグループライドを自分のサイトに直接埋め込めます。統計、標高、ダウンロードまで揃ったインタラクティブなライブマップを、コピー＆ペーストひとつで。
実際に見てみよう
これは画像ではありません。Party Onbici の本物のルートを、あなたのサイトに埋め込むのとまったく同じ方法でこのページに埋め込んでいます。ズームしたり、動かしたり、ベースマップを切り替えたり、全画面で開いたりしてみてください：
シドニー・ハーバーブリッジの自転車道を渡る 2 km のショートライドです。黄色の線は自転車専用インフラ、赤は車道を共有する区間。ヘッダーを見れば、91% が自転車フレンドリーであることがひと目でわかります。
埋め込みに含まれるもの
どの埋め込みにも、ライダーがアプリで見るのと同じ情報が入っています：
- ライブマップ上のルート - ズーム可能で、自転車道がハイライトされるので、どれだけ安全なルートかがわかります
- 距離・上り・下り - スクロールしなくても一番上に表示
- 自転車フレンドリースコア - ルートのうち自転車専用インフラを通る割合
- 標高プロファイル - カフェ休憩のあとの坂道に驚くことはもうありません
- スタート・経由地・ゴール - スケジュールを公開しているグループライドでは到着予定時刻も表示
- ダウンロード - ルートを GPX などに書き出してサイコンに取り込めます
- フル版へのリンク - ライドに参加したい人やルートを保存したい人のために
ルートやライドを埋め込む方法
- partyonbici.com でルートまたはグループライドを開きます。
- 共有パネルで ウェブサイトに埋め込む を探します。
- 高さを選びます — コンパクト（420px）、標準（560px）、縦長（720px）。
- コードをコピー をクリックし、ウェブサイトの HTML に貼り付けます。
これだけです。WordPress、Squarespace、Wix、Google サイト、Webflow など、HTML や「埋め込み」ブロックを使えるサービスならどこでも動きます。
便利なオプション
必要に応じて、埋め込みリンクの末尾に次を追加してください：
?theme=darkまたは?theme=light- 配色を固定します（デフォルトでは訪問者の設定に従います）?elevation=0- 標高プロファイルを非表示にします。サイドバーの小さな埋め込みにぴったりです
プライバシーはあなたの手に
埋め込めるのは 公開 と 限定公開 のルートとライドだけです。非公開のライドや組織限定のライドは、主催者としてログインしていても埋め込みには決して表示されません。あとからルートが非公開になった場合は、地図の代わりに「表示できません」という丁寧なメッセージが表示されます。
埋め込みは高速でもあります。CDN から配信されるので、アクセスの多いクラブのページでも重くなりませんし、ルートに加えた変更は数分以内に埋め込みに反映されます。
埋め込みの活用アイデア
- 🚲 自転車クラブ - 今週日曜のルートをトップページに
- 🏫 学校 - 安全な通学路やバイクバスの停留所をご家族に紹介
- 🏛️ 自治体 - 新しい自転車道がどこを通るのか、住民にそのまま見せる
- ☕ カフェや自転車店 - お店の前がゴールになるお気に入りの地元ループを共有
- 📝 ブロガー - 書いているライドを、スクリーンショットではなくそのまま見せる
さっそく始めよう
Party Onbici でルートを計画するかグループライドを作成し、共有パネルを開いて埋め込みコードをコピーしましょう。Party Onbici アプリをダウンロードすれば、外出先でもライドを計画できます。どこに埋め込んだのか、ぜひ私たちをタグ付けして教えてください！