Clubes
Una vez que hayas creado la ruta perfecta, querrás incluirla en el sitio web de tu evento o club. Los atletas podrán obtener más información sobre la ruta o el evento y guardarla directamente en sus cuentas de Strava desde tu sitio web.
Echa un vistazo a algunos ejemplos
Buscar el código para insertar la ruta
Puedes encontrar el código de inserción de la ruta en la página de la ruta en la Web o en la página “My Routes” (Mis rutas). En la página de la ruta, haz clic en el menú desplegable para mostrar la opción de inserción.
En la página “My Routes” (Mis rutas), haz clic en el menú de tres puntos para mostrar la opción de inserción.
Si haces clic en “Embed” (Insertar), aparecerá este modal. Aquí podrás ver una vista previa de cómo se mostrará la ruta en tu sitio web. Incluso podrás interactuar con la ruta tal como lo harán los visitantes de tu sitio.
También verás un botón naranja con la etiqueta “Flyover” en la esquina inferior derecha del mapa. Las personas que vean tu ruta insertada podrán hacer clic en este botón y ver un Flyover inmersivo en 3D de la ruta. Podrán salir del recorrido en cualquier momento si hacen clic en el botón “x”.
Cómo elegir las preferencias de inserción
En esta pantalla, puedes cambiar la configuración de tu ruta insertada.
Show elevation profile (Mostrar perfil de desnivel): si deseas mostrar la ruta sin el perfil de elevación (visible justo debajo del mapa en el ejemplo), desmarca esta casilla.
Units (Unidades): esto cambiará las unidades predeterminadas que se muestran cuando un visitante del sitio web ve la ruta insertada. El usuario puede cambiarlas si desea verlas en otras unidades.
Embed width (Ancho de inserción): las inserciones de ancho “Fixed” (Fijo) tienen el ancho que se muestra en la vista previa. Las inserciones de ancho “Responsive” (Adaptable) se ajustarán al ancho de la columna de la página donde se inserten.
Map Style (Estilo del mapa): esto te permite elegir el estilo predeterminado del mapa que verán los usuarios cuando interactúen con la inserción. Los usuarios también podrán cambiarlo mientras ven el mapa.
Orientación del mapa: en la sección “Preview” (Vista previa) situada a la derecha de la pantalla, puedes pulsar Ctrl + clic y arrastrar (o simplemente clic y arrastrar) para reorientar el mapa. Una vez que el mapa esté 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 creador de rutas de Strava
Vincula tu ruta con tu club
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, que pasará de hacer referencia a tu cuenta de atleta a hacer referencia al club que elijas. También cambiará el botón de “View on Strava” (Ver en Strava) a “Join Strava Club” (Unirse al Club de Strava). Puedes usar esto para dirigir tráfico a la página de tu club. Además, si tu club está verificado, aparecerá la marca de verificación en el pie de página de la inserción.
Copiar y editar el código de inserción
Una vez que hayas configurado los ajustes que desees, haz clic en el botón naranja “Copy embed code” (Copiar código de inserción) y agrega ese fragmento de código a tu sitio. Consulta este artículo muy popular para obtener más información sobre cómo agregar HTML a tu sitio.
Strava usa una combinación de datos públicos y propios para medir con precisión la distancia y el desnivel positivo de las rutas planificadas. Sin embargo, esta técnica de medición difiere ligeramente de las técnicas oficiales que usan los organismos reguladores del deporte. Como resultado, es posible que un recorrido aparezca unos cientos de metros más largo de lo esperado. Para cambiar la distancia total que se muestra en la inserción, agrega el siguiente fragmento de código al código de inserción. Entre las comillas, inserta 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 para corrección de desnivel:
data-elevation-gain="162"
Para cambiar el desnivel positivo total que se muestra en la inserción, agrega el siguiente fragmento de código al código de inserción. Entre las comillas, inserta el desnivel positivo oficial del recorrido en metros.
Puedes cambiar el desnivel positivo, la distancia, ambos o ninguno, según tus necesidades. Esto no modificará la distancia medida en la página de rutas de Strava, pero garantizará que los visitantes de tu sitio vean la medición oficial del recorrido.
