Sharing Your Activities and Routes With a Strava Embed

Individual activities, routes, a list of your recent rides or runs, or a summary of your last week of running or riding can be embedded on your blog or webpage.

Embedding Individual Activities

Your profile page privacy controls must be set to ‘Everyone,’ and the activity’s privacy controls must be set to ‘Everyone’ in order to embed an activity. 

  1. You can get the embed code for an activity from either the feed or activity details page on the Strava website.
    1. From the feed, click the arrow in the upper right corner of the feed entry and select Embed.
      English0.jpg
       
    2. From the activity details page, click the share icon in the upper right corner.
      English1.jpg
  2. Copy the text in the box.
  3. Paste the embed code into your blog or webpage.

Embedding a Route

A route must be public to be embedded. Private routes can be made public at any time by editing the route and then clicking Save Route. Then, change your privacy settings to Everyone and click Save Route.

You can get the embed code for a route from either the My Routes page or the route details page on the Strava website.

  1. Hover over Dashboard and select My Routes from the drop-down menu. From there, hover over the ellipses next to the star on the route you want and select Embed.
  2. From the route details page, click the down arrow icon next to “Duplicate” and select Embed from the drop-down menu.
     English3.1.jpg
  3. Clicking Embed will open a preview of what the route will look like and allow you to interact with the route the same way a viewer would. Click Flyover in the bottom right of the map preview to view an immersive, 3D visualization of the route.
    • Choose whether you'd like to include the elevation profile (visible just below the map in the example.)
    • Choose which units you'd like to display by default. The viewer will be able to change the units if they wish.
    • Choose whether you’d like the width to be fixed or responsive. Responsive width embeds will expand to fill any available space. Fixed-width embeds will stop expanding at a certain pre-determined width.
    • Choose which map style you’d like to display by default. The viewer will be able to change the map style if they wish.
    • If you are the owner or admin of a Strava club, you will have the option to link the route to one of your clubs. The club you link will be referenced in the footer instead of your athlete account.
  4. Copy the text in the box.
  5. Paste the embed code into your blog or webpage.

Embedding a Profile Summary or Activity Feed

You can share your recent uploads or a club's recent activity on a website or blog. Please note that the embedded card will only display activities that correspond with your default sports type. An embedded profile card will display activities with the privacy control set to "Everyone" or "Followers", while embedded club activity feed cards will only display activities that are set to the "Everyone" privacy control. You can confirm your default sport on the display preferences page within Settings.

  1. Start by going to your profile page or your club's page from the Strava website.
    • On your Profile page, scroll down to click Share your Activities from the right side below your stats.
      Strava_Runner_Profile___Rochelle_Garcia.png
    • For clubs, click Share Club Activities on the right side of the page.
      English3.jpg
       
  2. From the options window, copy the text in the box corresponding to the embed you want to create: a list of your recent rides/runs, or a summary of your last week of riding/running.
  3. Paste the embed code into your blog or webpage.

FAQs

What do I do if my embed stopped working?

If an activity embedded on your blog or website has stopped displaying, you may be using an older version of our embed system that is no longer supported.

To fix this, grab a new embed code for the activity and replace the old one on your site by following these steps:

  1. Open the activity on the Strava website.
  2. Tap the share icon in the upper-right corner.
  3. Select “Embed” and copy the new embed code.
  4. Replace the old embed code on your blog or webpage with the new one.

Repeat this for each embedded activity that's no longer displaying, and the embed code will work correctly going forward.

How to identify if you’re affected

If your existing embed code contains a URL that looks like this:

https://www.strava.com/activities/1234567890/embed/abc123...

It’s using the legacy format and will need to be replaced. The current embed format uses:

https://strava-embeds.com/activity/1234567890

You don’t need to construct this URL yourself; just follow the steps above to get a new embed code from the activity page.

Was this article helpful?
23 out of 57 found this helpful

Comments

0 comments

Article is closed for comments.