Wie du eine Strava-Route einbettest

Nach der Erstellung der perfekten Route, kannst du sie auf der Website deiner Veranstaltung oder deines Clubs einbetten. Sportlerinnen und Sportler können dann mehr über deinen Event und die Route erfahren und sie direkt von deiner Website aus in ihrem Strava-Konto speichern!

Hier ein paar Beispiele

• Valencia Marathon

• L'Etape du Tour

• Boulderthon

• Tour de France Femmes avec Zwift

Du findest den Code zum Einbetten der Route im Browser auf der Routenseite oder auf der Seite „Meine Routen“. Klicke auf der Routenseite in das Overflow-Menü, um die Option zum Einbetten anzuzeigen.

Gehe auf der Seite „Meine Routen“ auf das Drei-Punkte-Menü, um die Option „Einbetten“ aufzurufen.

Wenn du auf „Einbetten“ klickst, wird dir dieses Fesnter angezeigt. Hier siehst du eine Vorschau, wie die Route auf deiner Website aussehen wird. Du kannst sogar mit der Route interagieren, genau wie deine Website-Besucher es können.

In der unteren rechten Ecke der Karte siehst du außerdem eine orangefarbene Schaltfläche mit der Aufschrift „Flyover“. Die Betrachter deiner eingebetteten Route können auf diese Schaltfläche klicken und sich einen 3D-Flyover über die Route ansehen. Die Betrachter können diese Ansicht jederzeit verlassen, indem sie auf das X klicken.

In diesem Fenster kannst du die individuelle Einstellung für deine eingebettete Route ändern

• Höhenprofil anzeigen: Wenn du die Route ohne Höhenprofil anzeigen möchtest (im Beispiel direkt unter der Karte sichtbar), deaktiviere dieses Kontrollkästchen.

• Einheiten: Damit kannst du die Standardeinheiten ändern, die angezeigt werden, wenn Website-Besucher die Einbettung ansehen. Betrachter können diese ändern, wenn sie eine andere Einheit wünschen.

• Breite der Einbettung: „Fest“ eingebettete Routen sind so breit wie in der Vorschau angezeigt. „Dynamisch” eingebettete Routen sind so breit wie die Spalte auf der Seite, in der sie eingebettet sind.

• Kartenstil: Hier kannst du den Standard-Kartenstil auswählen, den Betrachter sehen, wenn sie mit der Einbettung interagieren. Betrachtende haben die Möglichkeit, diesen Stil zu ändern, während sie die Karte ansehen.

• Kartenausrichtung. Im Bereich „Vorschau“ auf der rechten Seite des Fensters kannst du die Karte durch Drücken der Taste Strg + Klicken & Ziehen (oder nur Klicken & Ziehen) neu ausrichten. Was du in der Vorschau siehst, ist genau das, was deine Website-Besucher sehen werden.

VERWANDTE BEITRÄGE: Wie du eine Route mit dem Strava Route Builder erstellst

Wenn du Owner oder Administrator eines Strava-Clubs bist, siehst du die Option, deine Route mit einem deiner Clubs zu verknüpfen. Dadurch ändert sich die Fußzeile der Einbettung von einem Verweis auf dein Athletenkonto zu einem Verweis auf den von dir gewählten Verein. Außerdem ändert sich die Schaltfläche von „Anzeigen auf Strava“ in „Strava-Club beitreten“. Du kannst dies nutzen, um Traffic auf die Seite deines Clubs zu leiten! Wenn dein Club verifiziert ist, wird das Häkchen für „Verifiziert“ in der Fußzeile der Einbettung angezeigt.

Wenn du mit den Einstellungen zufrieden bist, klicke auf die orangefarbene Schaltfläche „Einbettungscode kopieren“ und füge den Code in deine Website ein. Weitere Informationen zum Hinzufügen von HTML zu deiner Website findest du in diesem Artikel.

Korrektur von Entfernung & Höhenmetern

Strava verwendet eine Kombination aus öffentlichen und firmeneigenen Daten, um die Entfernung und die Höhenzunahme der geplanten Routen möglichst präzise zu bestimmen. Dieses Messverfahren unterscheidet sich jedoch geringfügig von den offiziellen Messverfahren, die von den Sportverbänden verwendet werden. Daher kann es vorkommen, dass eine Strecke ein paar hundert Meter länger erscheint als erwartet. Um die in der Einbettung angezeigte Gesamtdistanz zu ändern, füge den folgenden Codeabschnitt in den Einbettungscode ein. Füge zwischen den Anführungszeichen die offizielle Länge der Strecke in Metern ein.

Codeabschnitt:

data-distance=”42195”

Codeabschnitt vorher:

<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>

Codeabschnitt danach:

<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>

Abschnitt zur Korrektur der Höhenmeter:

data-elevation-gain="162"

Um die in der Einbettung angezeigte Höhenzunahme zu ändern, füge den folgenden Codeabschnitt in den Einbettungscode ein. Gib zwischen den Anführungszeichen die offizielle Höhenmeterzahl der Strecke in Metern ein.

Du kannst entweder die Höhenzunahme, die Entfernung, beides oder keines von beidem ändern, je nachdem, was du brauchst. Dadurch wird die gemessene Distanz auf der Strava-Routen-Seite nicht verändert, aber es stellt sicher, dass die Besucher deiner Website die offizielle Streckenlänge sehen.