Clubs
Une fois que vous avez créé l'itinéraire idéal sur , vous souhaitez l'intégrer au site web de votre événement ou de votre club. Les athlètes pourront ainsi en savoir plus sur l'itinéraire ou l'événement et l'enregistrer directement sur leur compte Strava depuis votre site !
Découvrez quelques exemples sur
Trouver le code d'intégration de l'itinéraire
Vous trouverez le code d'intégration de l'itinéraire sur la page « Itinéraires » du site Web ou sur la page « Mes itinéraires ». Sur la page « Itinéraires », cliquez sur le menu déroulant pour afficher l'option d'intégration.
Sur la page « Mes itinéraires », cliquez sur le menu à trois points pour afficher l'option d'intégration.
Lorsque vous cliquez sur « Intégrer », cette fenêtre contextuelle s'affiche. Vous pouvez y voir un aperçu de l'apparence de l'itinéraire sur votre site. Vous pouvez même interagir avec l'itinéraire, exactement comme le feront les visiteurs de votre site.
Vous verrez également un bouton orange intitulé « Flyover » dans le coin inférieur droit de la carte. Les personnes qui consultent votre itinéraire intégré pourront cliquer sur ce bouton pour découvrir une visite immersive en 3D de l'itinéraire. Elles peuvent quitter la visite à tout moment en cliquant sur le bouton « x ».
Sélection des préférences d'intégration
Sur cet écran, vous pouvez modifier les paramètres de votre itinéraire intégré
Afficher le profil de dénivelé. Si vous souhaitez afficher l'itinéraire sans profil de dénivelé (visible juste en dessous de la carte dans l'exemple), décochez cette case.
Unités. Cela modifiera les unités par défaut affichées lorsqu'un visiteur du site web consulte l'élément intégré. L'utilisateur peut les modifier s'il souhaite afficher les données dans d'autres unités.
Largeur de l'élément intégré. Les éléments intégrés à largeur « fixe » ont la largeur indiquée dans l'aperçu. Les éléments intégrés à largeur « adaptative » auront la même largeur que la colonne de la page dans laquelle ils sont intégrés.
Style de carte. Cela vous permet de choisir le style de carte par défaut que les utilisateurs verront lorsqu'ils interagiront avec la carte intégrée. Les utilisateurs auront également la possibilité de modifier ce paramètre pendant qu'ils consultent la carte.
Orientation de la carte. Dans la section « Aperçu » située à droite de l'écran, vous pouvez appuyer sur Ctrl + clic et faire glisser (ou simplement cliquer et faire glisser) pour réorienter la carte. Une fois que la carte vous convient, copiez le code d'intégration. Ce que vous voyez dans cet aperçu correspond exactement à ce que les visiteurs de votre site verront lorsqu'ils consulteront la carte intégrée.
À LIRE AUSSI : Comment créer un itinéraire avec le Concepteur d’itinéraire de Strava
Associez votre itinéraire à votre club
Si vous êtes propriétaire ou administrateur d'un club Strava, vous verrez apparaître l'option permettant de lier votre itinéraire à l'un de vos clubs. Cela modifiera le pied de page de l'intégration : au lieu de faire référence à votre compte d'athlète, il fera désormais référence au club que vous aurez choisi. De plus, le bouton « Voir sur Strava » sera remplacé par « Rejoindre le Club Strava ». Vous pouvez ainsi générer du trafic vers la page de votre club ! De plus, si votre club est vérifié, la coche de vérification apparaîtra dans le pied de page de l'intégration.
Copier & Modifier le code d'intégration
Une fois que vous êtes satisfait de vos paramètres, cliquez sur le bouton orange « Copier le code d'intégration » et ajoutez ce bout de code à votre site web. Pour plus d'informations sur l'ajout de code HTML à votre site, voici un article très consulté.
Strava utilise une combinaison de données publiques et propriétaires pour mesurer avec précision la distance et le dénivelé positif des itinéraires planifiés. Cependant, cette technique de mesure diffère légèrement des techniques officielles utilisées par les instances sportives. Par conséquent, il se peut qu’un parcours vous semble quelques centaines de mètres plus long que prévu. Pour modifier la distance totale affichée dans l’intégration, insérez l’extrait de code suivant dans le code d’intégration. Entre les guillemets, insérez la longueur officielle du parcours en mètres.
Extrait de code :
data-distance=« 42195 »
Extrait de code précédent :
<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 ci-dessous :
<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 pour la correction du dénivelé :
data-dénivelement-gain="162"
Pour modifier le dénivelé total affiché sur l'élément intégré, insérez l'extrait de code suivant dans le code d'intégration. Entre les guillemets, indiquez le dénivelé officiel du parcours en mètres.
Vous pouvez modifier le dénivelé, la distance, les deux ou aucun des deux, selon vos besoins. Cela ne modifiera pas la distance indiquée sur la page des itinéraires Strava, mais permettra aux visiteurs de votre site de consulter les mesures officielles du parcours.
