ツアーを埋め込みに。
ルート、コレクション、ガイド、Highlight、またはアスリートのプロフィールを選択。レイアウトをカスタマイズして、スニペットをコピー。ブログ、雑誌サイト、クラブサイトに貼り付けるだけ。プラグインもアカウントも不要です。

入力してkomoot内を検索するか、ツアー、コレクション、ガイド、Highlight、プロフィールのURLを貼り付けてください。
サンプルを試す:
サンプルツアー — Bergtour zum Piesenkopf
ツアー
スタイルを選択
幅
デフォルトの100%なら、読者が見るどのカラムにもぴったりフィットします。pxに切り替えると固定サイズにできます。サイトのコンテンツ幅が広い場合や、特定のレイアウトに合わせたいときに便利です。
プレビュー
デスクトップのコンテンツカラム · 760 px
埋め込みコード
スクリーンショットより便利。iframeより簡単。
komootの埋め込みは、クリエイターやパブリッシャーのために設計されています。実際のツアーデータを表示し、どの画面でも見栄えよく、Googleにも認識される形で読者にkomootをクレジットします。
見た目だけじゃない、SEO重視の設計
すべての埋め込みは、Googlebotがクロールできる正規URLでkomootにリンクします。読者は完全なインタラクティブマップを見られ、あなたはクリーンで信頼性の高い外部リンクを獲得できます。
ワンタップでカスタマイズ
コンパクトカード、マップのみ、フォトストリップなど、スタイルを選ぶだけでスニペットが即時に更新されます。CSSを書く必要も、iframeを手動で調整する必要もありません。ツアー、コレクション、ガイド、Highlight、プロフィールに対応しています。
無料。アカウント不要
埋め込みは個人サイトでも商用サイトでも無料です。komootアカウント不要、APIキー不要、レート制限なし、有効期限なし。スニペットを貼り付けるだけです。
使い方
3ステップ。2分。自由に管理できるスニペット1つ。
埋め込みたいものを見つける
ツアー、コレクション、ガイド、Highlight、プロフィールを検索するか、komoot.comのリンクをボックスにそのまま貼り付けてください。
レイアウトを選ぶ
マップのみ、コンパクトカード、フォトストリップ、グリッドなど、ワンタップでレイアウトを選べます。ライブプレビューが更新され、読者に表示される内容をそのまま確認できます。
コピーして貼り付け
スニペットをコピーして、WordPress/Squarespace/Wix/Webflowのページに貼り付けます。これで完了です。
パブリッシャーや観光局に選ばれています。
大手新聞社から観光局、アウトドア雑誌、アドベンチャーブランドまで。komootの埋め込みは、Web上のルートコンテンツを幅広く支えています。
よくある質問。
自分のサイトにkomootの埋め込みを追加するには?
上のジェネレーターで、ツアー、コレクション、ガイド、Highlight、またはユーザープロフィールを選びます。レイアウトを選択してスニペットをコピーし、サイトエディタでHTMLを貼り付けられる場所(カスタムHTMLブロック、コードウィジェット、またはページソース)に貼り付けてください。
komootから何を埋め込めますか?
ツアーとスマートツアー(「探索」で見つかるルート)、コレクション、ガイド、Highlight、ユーザープロフィールです。それぞれ複数のレイアウト(マップのみ、コンパクトカード、フォトストリップ、リスト、グリッド…)に対応しているので、スペースに合わせて埋め込みを選べます。
WordPressでkomootの埋め込みを追加するには?
WordPressのブロックエディターでは、空の段落にkomoot.comのURLをそのまま貼り付けると、oEmbedで自動的に埋め込まれます。プラグインは不要です。もっと細かく制御したい場合は、カスタムHTMLブロックを使って、このページのスニペットを貼り付けてください。
Squarespace、Wix、Webflow、Medium…全部で使えますか?
Squarespace、Wix、WebflowはいずれもカスタムHTMLブロックに対応しています。ページに追加して上のスニペットを貼り付ければ、埋め込みが表示されます。同じ方法でGhost、Notion(/embed経由)、Medium(URL貼り付けフロー経由)、そして多くの最新エディターでも使えます。
埋め込みはレスポンシブですか?
スニペットでwidth="100%"を設定すると、埋め込みはコンテナいっぱいに表示されます。高さは固定のピクセル値です。選んだレイアウトに合うものを選んでください。上のライブプレビューで、読者にどのように表示されるかをそのまま確認できます。
埋め込みを訪問者の言語に翻訳できますか?
はい。iframe の src に ?hl=<locale> を追加すると、埋め込みがその言語で表示されます。たとえばドイツ語なら ?hl=de、フランス語なら ?hl=fr です。対応ロケールは de、fr、it、es、nl、pt、pt-br、ja、ko、pl、cs、sv、da、fi、nb、hu、hr、ro、el、tr です。英語(デフォルト)にする場合は ?hl= を付けない(または en を渡す)ようにしてください。サーバー側でレンダリングされる UI(「View on komoot」のようなボタン、スポーツ名、統計ラベルなど)は自動的に翻訳されます。ツアー名、ウェイポイント、説明文は作成者が書いた内容に従います(編集コレクションとガイドは機械翻訳、個人のツアーは原文のまま)。サイトが多言語対応の場合は、サーバー側でスニペットをレンダリングする際に ?hl= を訪問者のロケールに置き換えてください。iframe のオリジンは同じで、変わるのはクエリパラメータのみです。/de-de/tour/.../embed のような旧形式のロケールパス URL の埋め込みは、その言語のまま表示され続けます。
komootアカウントは必要ですか?
埋め込みの作成にも表示にもアカウントは不要です。埋め込みは個人サイトでも商用サイトでも無料で、レート制限や有効期限もありません。
自分でツアーを計画して、ブログに埋め込めますか?
もちろんです。無料のkomootアカウントに登録して、komootのルートプランナーでルートを計画し、保存してください。その後ここに戻って埋め込みスニペットを生成し、ブログに貼り付けるだけ。サブスクリプションも手数料も不要です。あなたのツアーを、あなたのサイトに。
非公開コンテンツを埋め込めますか?
埋め込めるのは公開コンテンツのみです。非公開ツアーや非公開プロフィールは訪問者には表示されず、iframeにはサインインを促すプレースホルダーが表示されます。
検索エンジンは埋め込み内容を認識できますか?
はい。埋め込みは通常のiframe内に表示され、周囲のリンクは正規のkomoot URLを指すシンプルなアンカーです。検索エンジンはそれを認識して辿れます。
2分でサイトにkomootを追加。
ツアー、コレクション、ガイド、Highlightを検索するか、komoot.comのリンクを貼り付けるだけ。スニペットをコピーして、ブログ、雑誌サイト、クラブサイトにそのまま貼り付けられます。