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, clicking Save, toggling activity visibility to Public, and clicking Save to My Routes.

    1. 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
    2. 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.
      1. Choose whether you'd like to include the elevation profile (visible just below the map in the example.)
      2. Choose which units you'd like to display by default. The viewer will be able to change the units if they wish.
      3. 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.
      4. Choose which map style you’d like to display by default. The viewer will be able to change the map style if they wish.
      5. 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.
    3. Copy the text in the box.
    4. 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.
      1. On your Profile page, scroll down to click Share your Activities from the right side below your stats.
        Strava_Runner_Profile___Rochelle_Garcia.png
      2. 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.
Was this article helpful?
22 out of 52 found this helpful

Comments

0 comments

Article is closed for comments.