ルート

プランナー

機能

アップデート

App

ログインまたはサインアップ

アプリを入手

ログインまたはサインアップ

どこにでもkomootを埋め込もう

ツアーを埋め込みに。

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

どのサイトでも無料
アカウント不要
WordPress、Squarespace、Wixなどで使える

入力してkomoot内を検索するか、ツアー、コレクション、ガイド、Highlight、プロフィールのURLを貼り付けてください。

サンプルを試す:

サンプルツアー — Bergtour zum Piesenkopf

ツアー

スタイルを選択

デフォルトの100%なら、読者が見るどのカラムにもぴったりフィットします。pxに切り替えると固定サイズにできます。サイトのコンテンツ幅が広い場合や、特定のレイアウトに合わせたいときに便利です。

プレビュー

デスクトップのコンテンツカラム · 760 px

埋め込みコード

コードをコピー

komoot埋め込みが選ばれる理由

スクリーンショットより便利。iframeより簡単。

komootの埋め込みは、クリエイターやパブリッシャーのために設計されています。実際のツアーデータを表示し、どの画面でも見栄えよく、Googleにも認識される形で読者にkomootをクレジットします。

見た目だけじゃない、SEO重視の設計

すべての埋め込みは、Googlebotがクロールできる正規URLでkomootにリンクします。読者は完全なインタラクティブマップを見られ、あなたはクリーンで信頼性の高い外部リンクを獲得できます。

ワンタップでカスタマイズ

コンパクトカード、マップのみ、フォトストリップなど、スタイルを選ぶだけでスニペットが即時に更新されます。CSSを書く必要も、iframeを手動で調整する必要もありません。ツアー、コレクション、ガイド、Highlight、プロフィールに対応しています。

無料。アカウント不要

埋め込みは個人サイトでも商用サイトでも無料です。komootアカウント不要、APIキー不要、レート制限なし、有効期限なし。スニペットを貼り付けるだけです。

すべての埋め込みに正規URL — デフォルトでSEOに最適。
モバイル対応レイアウト — width="100%"を設定すれば埋め込みが自動調整。
個人サイトでも商用サイトでも無料。レート制限なし。

使い方

3ステップ。2分。自由に管理できるスニペット1つ。

1

埋め込みたいものを見つける

ツアー、コレクション、ガイド、Highlight、プロフィールを検索するか、komoot.comのリンクをボックスにそのまま貼り付けてください。

2

レイアウトを選ぶ

マップのみ、コンパクトカード、フォトストリップ、グリッドなど、ワンタップでレイアウトを選べます。ライブプレビューが更新され、読者に表示される内容をそのまま確認できます。

3

コピーして貼り付け

スニペットをコピーして、WordPress/Squarespace/Wix/Webflowのページに貼り付けます。これで完了です。

今すぐ始める
導入実績

パブリッシャーや観光局に選ばれています。

大手新聞社から観光局、アウトドア雑誌、アドベンチャーブランドまで。komootの埋め込みは、Web上のルートコンテンツを幅広く支えています。

Suunto
suunto.com
visitBerlin
visitberlin.de
I amsterdam
iamsterdam.com
Café du Cycliste
cafeducycliste.com
ADFC
adfc-radtourismus.de
Much Better Adventures
muchbetteradventures.com
Outdoor-Magazin
outdoor-magazin.com
Aspire Cycling
aspirecyclingcyprus.com
Outbiking
outbiking.co.uk
Visit Clervaux
visit-clervaux.lu

よくある質問。

自分のサイトに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 です。対応ロケールは defritesnlptpt-brjakoplcssvdafinbhuhrroeltr です。英語(デフォルト)にする場合は ?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のリンクを貼り付けるだけ。スニペットをコピーして、ブログ、雑誌サイト、クラブサイトにそのまま貼り付けられます。

探検する
ルートルートプランナー機能ハイキングMTBトレイルロードバイクルートバイクパッキングサイトマップ
アプリをダウンロード
SNSでフォローする

© komoot GmbH

プライバシーポリシー