Clubes

Como incorporar uma rota do Strava

Recursos
Como incorporar uma rota do Strava

Depois de criar a rota perfeita, uma boa é colocá-la no site do seu evento ou clube. Os atletas poderão saber mais sobre a rota ou o evento e salvar direto nas contas do Strava deles.

Veja alguns exemplos

Como encontrar o código para incorporar a rota

Você pode encontrar o código para incorporar a rota na página da rota na web ou na página Minhas rotas. Na página da rota, clique no menu flutuante para acessar a opção de incorporar.

Na página Minhas rotas, clique no menu de três pontos para acessar a opção de incorporar.

Ao clicar em "Incorporar", você verá este modal. Aqui, você pode ver uma prévia de como a rota ficará no seu site. Você pode até mesmo interagir com a rota, assim como os visitantes do site farão. 

Você também verá um botão laranja "Flyover" no canto inferior direito do mapa. Quem visualizar sua rota incorporada poderá clicar nesse botão e ver um Flyover imersivo da rota em 3D. Para sair do Flyover, basta clicar no botão "x" a qualquer momento.

Como escolher as preferências de incorporação

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

  • Mostrar perfil de elevação. Se você quiser mostrar a rota sem um perfil de elevação (visível logo abaixo do mapa no exemplo), desmarque essa opção.

  • Unidades. Essa opção alterará as unidades padrão mostradas quando um visitante do site visualizar a incorporação. O visualizador poderá alterar as unidades se quiser. 

  • Largura da incorporação. As incorporações de largura "fixa" têm a largura mostrada na visualização. Incorporações de largura "responsiva" terão a mesma largura da coluna da página onde foram incorporadas.  

  • Estilo do mapa. Permite escolher o estilo de mapa padrão que os visualizadores verão quando interagirem com a incorporação. O visualizador também terá a opção de alterar o estilo quando visualizar o mapa. 

  • Orientação do mapa. Na seção "visualização" à direita da tela, você pode pressionar Ctrl + clicar e arrastar (ou apenas clicar e arrastar) para reorientar o mapa. Quando o mapa estiver como você preferir, copie o código de incorporação. O que você vê nessa visualização é exatamente o que os visitantes do seu site verão quando visualizarem a incorporação.

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

Se você for o proprietário ou administrador de um clube do Strava, verá a opção de vincular sua rota a um dos seus clubes. Isso mudará o rodapé da incorporação, que deixará de direcionar para a sua conta de atleta e passará a direcionar ao clube escolhido. Além disso, mudará o botão de "Ver no Strava" para "Entrar no Clube do Strava". Você pode usar isso para direcionar o tráfego para a página do seu clube! Se o seu clube for verificado, a marca de verificação será exibida no rodapé da incorporação. 

Como copiar e editar o código de incorporação

Após definir as configurações que preferir, clique no botão laranja "copiar código da incorporação" e adicione esse trecho de código ao seu site. Para obter mais informações sobre como adicionar HTML ao seu site, consulte este artigo. 

Correção de distância e elevação 

O Strava usa uma combinação de dados públicos e proprietários 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 um pouco das técnicas oficiais de medição usadas pelos órgãos reguladores do esporte. Como resultado, um percurso pode parecer algumas centenas de 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 da incorporação. Entre aspas, insira o comprimento oficial do percurso em metros.   

Trecho de código:

data-distance=”42195”

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

Trecho de código seguinte: 

<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 de elevação total exibido na incorporação, insira o seguinte trecho de código no código da incorporação. Entre 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, de acordo com 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 medida oficial do percurso.