Comment intégrer un itinéraire Strava ?

Lorsque vous aurez créé l’itinéraire idéal, vous pourrez l’intégrer au site internet de votre événement ou de votre Club. Les athlètes pourront ainsi en savoir plus sur l’événement ou sur l’itinéraire, et pourront enregistrer ce dernier directement sur leur compte Strava à partir de votre site !

Voici quelques exemples :

• Marathon de Valence

• L’Étape du Tour

• Boulderthon

• Tour de France Femmes avec Zwift

Vous trouverez le code d’intégration de l’itinéraire soit directement sur la page détaillée de ce dernier sur le web, soit à partir de la page Mes itinéraires. Sur la Page de l’itinéraire, cliquez sur le menu déroulant à gauche de la carte pour faire apparaître l’option « Intégrer ».

À partir de la page Mes itinéraires, cliquez sur les trois points (ellipses) situés sous la carte pour faire apparaître l’option « Intégrer ».En cliquant dessus, vous verrez apparaître cette fenêtre. Elle affiche un aperçu de l’itinéraire tel qu’il apparaîtra sur votre site. Vous pouvez même interagir avec l’itinéraire tout comme le feront les visiteurs de votre site.

En cliquant dessus, vous verrez apparaître cette fenêtre. Elle affiche un aperçu de l’itinéraire tel qu’il apparaîtra sur votre site. Vous pouvez même interagir avec l’itinéraire tout comme le feront les visiteurs de votre site.

Vous trouverez également un bouton orange intitulé « Survol » dans le coin inférieur droit de la carte. Ceux qui verront votre itinéraire intégré pourront cliquer sur ce bouton et ainsi visionner un survol immersif en 3D de l’itinéraire. Les visiteurs peuvent quitter le mode survol à tout moment en cliquant sur « X ».

Dans cette fenêtre, vous pouvez modifier les paramètres de votre itinéraire intégré.

• Afficher ou non le profil de dénivelé. Si vous souhaitez afficher l’itinéraire sans son profil de dénivelé (visible juste en dessous de la carte dans l’exemple), décochez cette case.

• Unités. Ceci permet de modifier l’unité de mesure par défaut affichée lorsqu’un visiteur du site internet visualise l’élément intégré. S’il le souhaite, le visiteur peut également modifier l’unité de mesure affichée par défaut.

• Largeur de l’intégration. Les intégrations de largeur « fixe » demeurent aussi larges que celle de l’aperçu. Les éléments intégrés de largeur « réactive » seront aussi larges que la colonne de la page où ils sont intégrés.

• Style de carte. Cette option vous permet de choisir le style de carte par défaut que les visiteurs verront lorsqu’ils interagiront avec l’intégration. Ils auront également la possibilité de modifier eux-mêmes ce paramètre en visualisant la carte.

• Orientation de la carte. Dans la partie droite « Aperçu », cliquez sur « ctrl » puis cliquez et glissez (ou cliquez et glissez directement) pour modifier l’orientation de la carte. Si l’aperçu de la carte vous convient, copiez le code d’intégration. Ce que vous voyez dans cet aperçu est exactement l’élément intégré que les visiteurs verront.

CONTENU LIÉ : Comment créer un itinéraire avec le planificateur d’itinéraire de Strava ?

Si vous êtes Propriétaire ou Admin d’un Club Strava, vous avez la possibilité de lier votre itinéraire à l’un de vos clubs. Cela modifiera le pied de page de l’intégration, qui ne fera plus référence à votre compte d’athlète, mais au club que vous aurez choisi. « Rejoindre le Club Strava » remplacera le bouton « Voir sur Strava », ce qui vous permettra de générer du trafic vers la page de votre club ! De plus, si votre club est vérifié, la coche « vérifié » apparaîtra dans le pied de page de l’intégration.

Une fois que vous aurez défini les paramètres qui vous conviennent, cliquez sur le bouton orange « Copier le code d’intégration » et ajoutez cet extrait de code à votre site internet. Pour en savoir plus sur l’ajout de code HTML à votre site, voici un article intéressant.

Correction de la distance et du dénivelé

Strava utilise à la fois des données publiques et ses données propres, pour mesurer avec précision la distance et le dénivelé des itinéraires planifiés. Toutefois, cette technique de mesure diffère légèrement des techniques de mesure officielles utilisées par les instances dirigeantes du sport. Par conséquent, il se peut que l’itinéraire à intégrer soit plus long de quelques centaines de mètres. Pour modifier la distance totale affichée dans l’intégration, insérez l’extrait de code suivant dans son code. Entre les guillemets, saisissez la distance officielle du parcours, en mètres.

Extrait de code :

data-distance=”42195”

Extrait de code avant :

<div class="strava-embed-placeholder" data-embed-type="route" data-embed-id="3155579856449932622" data-style="standard" data-slippy="true"></div><script src="https://strava-embeds.com/embed.js"></script>

Extrait de code après :

<div class="strava-embed-placeholder" data-embed-type="route" data-embed-id="3155579856449932622" data-style="standard" data-distance="42195" data-slippy="true"></div><script src="https://strava-embeds.com/embed.js"></script>

Extrait de code de correction du dénivelé :

data-elevation-gain="162"

Pour modifier le dénivelé total affiché dans l’intégration, insérez l’extrait de code suivant dans le code de l’intégration. Entre les guillemets, saisissez le dénivelé officiel du parcours, en mètres.

Vous pouvez modifier soit le dénivelé, soit la distance, soit les deux, ou aucun des deux, selon vos besoins. Cela ne modifiera pas la distance mesurée sur la page des itinéraires Strava, mais cela garantira à vos visiteurs de voir la mesure officielle du parcours.