メインコンテンツにスキップ

Strava埋め込み機能を使ってアクティビティやルートを共有する

Stravaのアクティビティ、ルート、プロフィール上のアクティビティ概要をブログやウェブサイトに埋め込む方法、および埋め込みが機能しなくなった場合の対処法についてご紹介します。

対応者:Marie

Stravaのウェブサイトを利用すれば、個々のアクティビティやルート、最近のライドやランニングのリスト、あるいは過去1週間のランニングやサイクリングのまとめなどを、ブログやウェブページに埋め込むことができます。

個別のアクティビティを組み込む

アクティビティを埋め込むには、プロフィールページのプライバシーコントロールを設定「全員」、アクティビティのプライバシーコントロールも「全員」に設定する必要があります。

  1. Stravaのウェブサイト上のフィードまたはアクティビティの詳細ページから、そのアクティビティの埋め込みコードを取得してください。

    1. フィードでは、フィードエントリーの右上にある矢印をクリックし、「埋め込み」を選択します。
      ​

      English0.jpg
    2. アクティビティの詳細ページで、右上隅にある共有アイコンをクリックします。
      ​

      English1.jpg
  2. ボックス内のテキストをコピーします。

  3. ブログやウェブページに埋め込みコードを貼り付けます。

ルートを埋め込む

ルートを埋め込むには、ルートが公開されている必要があります。非公開のルートは、いつでもルートを編集し、プライバシー設定を「全員」に設定して、もう一度「ルートを保存」をクリックすることで、公開にすることができます。

ルートの埋め込みコードは、Stravaウェブサイトの「Myルート」ページとルート詳細ページのいずれかで取得できます。

  1. 「ダッシュボード」にカーソルを合わせ、ドロップダウンメニューから「My ルート」を選択します。そこで、希望するルートの星マークの横にある省略記号にカーソルを合わせ、「埋め込み」を選択します。

  2. ルートの詳細ページで、「複製」の横にある下向き矢印アイコンをクリックし、ドロップダウンメニューから「埋め込み」を選択します。

  3. 「埋め込み」をクリックすると、ルートのプレビューが表示され、閲覧者と同じようにそのルートを操作できるようになります。マッププレビューの右下にある「Flyover」をクリックすると、没入感のある3Dビジュアルでルートを表示できます。

    1. 標高プロファイル(例では地図のすぐ下に表示されています)を含めるかどうかを選択してください。

    2. デフォルトで表示する単位を選択します。視聴者は、必要に応じて単位を変更することができます。

    3. 幅を固定にするか、レスポンシブにするかを選択します。レスポンシブ幅の埋め込みでは、利用可能なスペースに合わせて幅が拡大します。固定幅の埋め込みでは、あらかじめ決められた幅まで広がると、それ以上は拡大しません。

    4. デフォルトで表示するマップスタイルを選択します。必要に応じて、マップの表示スタイルを変更することができます。

    5. Stravaクラブのオーナーまたは管理者には、ルートを自分のクラブのいずれかにリンクするオプションが表示されます。リンクすると、フッターにあなたのアスリートアカウントではなく、クラブへのリンクが表示されます。

  4. ボックス内のテキストをコピーします。

  5. ブログやウェブページに埋め込みコードを貼り付けます。

プロフィール概要またはアクティビティフィードを埋め込む

ウェブサイトやブログでは、最近アップロードしたあなたのアクティビティや、クラブの最近のアクティビティを共有できます。組み込みカードには、デフォルトのスポーツタイプに該当するアクティビティのみが表示されます。埋め込みプロフィールカードには、プライバシーコントロールが「全員」または「フォロワー」に設定されているアクティビティが表示されますが、埋め込みクラブのアクティビティフィードカードには、「全員」に設定されているアクティビティのみが表示されます。デフォルトのスポーツは、「設定」内の画面表示設定ページで確認できます。

  1. Stravaのウェブサイトから、自分のプロフィールページまたは所属クラブのページにアクセスしてください。

    • プロフィールページで、画面を下にスクロールし、統計情報の下にある右側の「アクティビティを共有する」をクリックしてください。

    • クラブの場合は、ページ右側にある「クラブのアクティビティを共有」をクリックします。

  2. オプションウィンドウから、作成したい埋め込みに対応するボックス内のテキストをコピーしてください。埋め込みの内容としては、最近のライドやランニングのリスト、あるいは先週のライドやランニングのまとめなどが挙げられます。

  3. ブログやウェブページに埋め込みコードを貼り付けます。

Q & A

埋め込みが停止した場合はどうすればよいですか?

ブログやウェブサイトに埋め込んだアクティビティが表示されなくなった場合は、現在サポートされていない旧バージョンの埋め込みシステムを使用している可能性があります。

この問題を解決するには、そのアクティビティのNEWな埋め込みコードを取得し、サイト上の古いコードと置き換えてください:

  1. Stravaアクティビティサイトで対象のアクティビティを開きます。

  2. 右上隅にある共有アイコンをタップしてください。

  3. 「埋め込み」を選択し、NEW埋め込みコードをコピーしてください。

  4. ブログやウェブページにある古い埋め込みコードを、新しいコードに置き換えます。

表示されなくなった埋め込みアクティビティごとにこの手順を繰り返します。新しい埋め込みコードに置き換えることで、今後は正常に表示されるようになります。

自分が影響を受けているかどうかはどうやって確認すればよいですか?

現在使用している埋め込みコードに、次のようなURLが含まれている場合:https://www.strava.com/activities/1234567890/embed/abc123...

これは旧形式のものを使用しているため、置き換える必要があります。現在の埋め込み形式は、https://strava-embeds.com/activity/1234567890を使用しています。

このURLを自分で作成する必要はありません。上記の手順に従って、アクティビティページから新しい埋め込みコードを取得してください。

こちらの回答で解決しましたか?