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

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

対応者:Rochelle Garcia

個別のアクティビティやルート、最近のライドまたはランニングのリスト、先週のライドまたはランニングのサマリーをブログやウェブページに埋め込むことができます。

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

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

  1. アクティビティの埋め込みコードは、Stravaウェブサイトのフィードまたはアクティビティ詳細ページから取得できます。

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

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

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

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

ルートを埋め込む

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

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

  1. 「ダッシュボード」にカーソルを合わせ、ドロップダウンメニューから「Myルート」を選択します。 そこから、対象ルートの「お気に入り」の横にある・・・アイコンにカーソルを合わせ、「埋め込み」を選択します。

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

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

    • 標高プロフィールを含めるかどうかを選択します (例ではマップのすぐ下に表示されています)。

    • デフォルトで表示する単位を選択します。 閲覧者は、必要に応じて単位を変更できます。

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

    • デフォルトで表示するマップスタイルを選択します。 閲覧者は必要に応じてマップスタイルを変更できます。

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

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

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

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

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

  1. まずは、Stravaウェブサイトで自分のプロフィールページまたはクラブのページに移動します。

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

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

      English3.jpg
  2. オプションウィンドウで、作成する埋め込みに応じて、ボックス内のテキストをコピーします。最近のライドやランニングのリスト、または先週のライドやランニングのサマリーを選択できます。

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

Q & A

埋め込みが表示されなくなった場合はどうすればよいですか?

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

この問題を解決するには、アクティビティの新しい埋め込みコードを取得し、サイト上の古いコードを置き換えてください。手順は以下のとおりです。

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

  2. 右上の共有アイコンをタップします。

  3. 「埋め込み」を選択し、新しい埋め込みコードをコピーします。

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

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

影響を受けているかどうかを確認する方法

現在使用している埋め込みコードに、以下のようなURLが含まれているかどうかを確認してください。

このようなURLでは古い形式が使用されているため、コードの置き換えが必要です。 現在の埋め込み形式では、以下のようなURLが使用されています。

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

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