Como incorporar uma rota do Strava

Depois de criar a rota perfeita, você vai querer incluí-la no site do seu evento ou clube. Os atletas poderão saber mais sobre a rota ou evento e salvá-los diretamente em suas contas do Strava a partir do seu site.

Confira alguns exemplos:

• Maratona de Valência

• L'Etape du Tour

• Boulderthon

• Tour de France Femmes avec Zwift

Você pode encontrar o código de incorporação da rota na página da rota no site ou na página Minhas rotas. Na página da rota, clique no menu suspenso para que a opção de incorporação seja exibida.

Na página Minhas rotas, clique no menu de três pontos para que a opção de incorporação seja exibida.

Ao clicar em "Incorporar" você irá ver esta janela. Nela você pode visualizar uma prévia de como a rota ficará no seu site. Você pode interagir com a rota como os visitantes do seu site também poderão fazer.

Você também verá um botão laranja "Flyover" no canto inferior direito do mapa. Os usuários da sua rota incorporada poderão clicar neste botão e ver um sobrevoo imersivo em 3D da rota. Eles poderão sair do modo sobrevoo a qualquer momento clicando no botão "x".

Nesta tela, você pode alterar as configurações para sua rota incorporada.

• Mostrar perfil de elevação: se quiser mostrar a rota sem um perfil de elevação (visível logo abaixo do mapa no exemplo), desmarque esta caixa.

• Unidades: permite mudar as unidades padrão mostradas quando um visitante do site visualiza a incorporação. O visitante pode alterar essas unidades se quiser visualizar unidades diferentes.

• Largura de incorporação: a largura "fixa" das incorporações é aquela exibida na prévia. As incorporações com largura "ajustável" terão a largura da coluna da página onde estiverem incorporadas.

• Estilo do mapa: permite escolher o estilo de mapa padrão que os visitantes irão ver quando interagirem com a incorporação. O usuário também terá a opção de mudá-lo enquanto visualiza o mapa.

Orientação do mapa: na seção "Pré-visualização" à direita da tela, você pode fazer Ctrl + clicar e arrastar (ou apenas clicar e arrastar) para reorientar o mapa. Uma vez que o mapa estiver do jeito que você quiser, copie o código de incorporação. O que você ver nesta prévia é exatamente o que os visitantes do seu site verão ao visualizar a incorporação.

RELACIONADO: Como criar uma rota com o Criador de rotas do Strava

Se você é o proprietário ou administrador de um clube do Strava, irá ver a opção de linkar sua rota a um de seus clubes. Isso mudará o rodapé da incorporação para que invés de fazer referência à sua conta de atleta faça referência ao clube que você indicar. Também mudará o botão de "Ver no Strava" para "Entre no Clube do Strava". Você pode usar esta opção para direcionar o tráfego para a página do seu clube! Além disso, se seu clube for verificado, o símbolo de verificação será exibida no rodapé da incorporação.

Quando estiver satisfeito com a configuração, clique no botão laranja "Copiar código de incorporação" e adicione esse trecho de código ao seu site. Se quiser mais informações sobre como adicionar HTML ao seu site, consulte este artigo popular.

Corrigir a distância e a elevação

O Strava usa uma combinação de dados públicos e próprios para medir com precisão a distância e o ganho de elevação das rotas planejadas. No entanto, essa técnica de medição difere ligeiramente das técnicas de medição oficiais usadas por órgãos reguladores esportivos. Como resultado, você pode descobrir que um percurso pareça alguns metros mais longo do que o esperado. Para alterar a distância total exibida na incorporação, insira o seguinte trecho de código no código de incorporação. Entre as aspas, insira o comprimento oficial do percurso em metros.

Trecho de código:

data-distance=”42195”

Trecho de código antes:

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

Trecho de código depois:

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

Trecho de código de correção de elevação:

data-elevation-gain="162"

Para alterar o ganho total de elevação exibido na incorporação, insira o seguinte trecho de código no código de incorporação. Entre as aspas, insira o ganho de elevação oficial do percurso em metros.

Você pode alterar o ganho de elevação, a distância, ambos ou nenhum, conforme suas necessidades. Isso não alterará a distância medida na página de rotas do Strava, mas garantirá que os visitantes do seu site vejam a medição oficial do percurso.