Cómo insertar una ruta de Strava

Una vez que hayas creado la ruta perfecta, querrás incluirla en el sitio web de tu evento o club. Los deportistas podrán obtener así más información sobre la ruta o el evento, y guardarlos directamente en sus cuentas de Strava desde tu sitio web.

Echa un vistazo a los siguientes ejemplos:

• Valencia Marathon

• L'Etape du Tour

• Boulderthon

• Tour de France Femmes avec Zwift

Puedes encontrar el código de inserción de la ruta en la página Rutas del sitio web o en la página Mis rutas. En la página Rutas, haz clic en el menú desplegable para ver la opción de inserción.

En la página "Mis rutas", haz clic en el menú de tres puntos para ver la opción de inserción.

Cuando hagas clic en "Insertar" aparecerá esta ventana. Aquí puedes ver una vista previa del aspecto que tendrá la ruta en tu sitio. Incluso puedes interactuar con la ruta al igual que podrán hacerlo los visitantes de tu sitio.

También verás el botón naranja "Flyover" en la esquina inferior derecha del mapa. Los usuarios de tu ruta insertada podrán hacer clic en este botón y ver un sobrevuelo inmersivo en 3D de la ruta; podrán salir en cualquier momento haciendo clic en el botón "X".

En esta pantalla puedes cambiar la configuración de tu ruta insertada.

• Mostrar el perfil de desnivel: si quieres mostrar la ruta sin un perfil de desnivel (se muestra justo debajo del mapa en el ejemplo), desmarca esta casilla.

• Unidades: permite cambiar las unidades predeterminadas que se muestran cuando un visitante del sitio web visualiza la inserción. El visitante puede cambiarlas.

• Ancho de inserción: el ancho "definido" de las inserciones es el que se muestra en la vista previa. Las inserciones con ancho "ajustable" serán tan anchas como la columna de la página en la que estén insertadas.

• Estilo de mapa: permite elegir el estilo de mapa predeterminado que los espectadores verán cuando interactúen con la inserción. El usuario también podrá cambiarlo mientras visualiza el mapa.

• Orientación del mapa: en la sección "Vista previa", a la derecha de la pantalla, puedes hacer Ctrl+clic y arrastrar (o simplemente hacer clic y arrastrar) para reorientar el mapa. Una vez que el mapa haya quedado a tu gusto, copia el código de inserción. Lo que ves en esta vista previa es exactamente lo que verán los visitantes de tu sitio cuando vean la inserción.

RELACIONADO: Cómo crear una ruta con el Generador de rutas de Strava

Si eres el propietario o administrador de un club de Strava, verás la opción de vincular tu ruta a uno de tus clubes. Esto cambiará el pie de página de la inserción para que en vez de hacer referencia a tu cuenta de deportista haga referencia al club que elijas. También cambiará el botón de "Ver en Strava" a "Unirse al club de Strava". ¡Recuerda que puedes usar esta opción para dirigir tráfico a la página de tu club! Además, si tu club está verificado, la marca de verificación aparecerá en el pie de página.

Cuando estés satisfecho con la configuración, haz clic en el botón naranja "Copiar código de inserción" y añade el fragmento de código a tu sitio web. Si quieres más información sobre cómo añadir HTML a tu sitio web, consulta este popular artículo.

Corregir la distancia y el desnivel

Strava utiliza una combinación de datos públicos y propios para medir con precisión la distancia y el desnivel de las rutas planificadas. Sin embargo, esta técnica de medición difiere ligeramente de las técnicas de medición oficiales utilizadas por los organismos reguladores deportivos. Como resultado, puedes observar que un recorrido parezca unos cuantos metros más largo de lo esperado. Para cambiar la distancia total que aparece en la inserción, introduce el siguiente fragmento de código en el código de inserción. Entre las comillas, introduce la longitud oficial del recorrido en metros.

Fragmento de código:

data-distance=”42195”

Fragmento de código anterior:

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

Fragmento de código posterior:

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

Fragmento de código de corrección de desnivel:

data-elevation-gain="162"

Para cambiar el desnivel positivo total mostrado en la inserción, introduce el siguiente fragmento de código en el código de inserción. Entre las comillas, introduce el desnivel positivo total oficial del recorrido en metros.

Puedes cambiar el desnivel positivo total, la distancia, ambos o ninguno según tus necesidades. Esto no cambiará la distancia medida en la página de rutas de Strava, pero asegurará que los visitantes de tu sitio vean la medida oficial del recorrido.