Integrare i percorsi OpenRunner sul proprio sito web permette di arricchire l’esperienza dei visitatori, consentendo loro di scoprire e scaricare gli itinerari direttamente dal sito. L’accesso alle informazioni risulta così più semplice e immediato. Di seguito sono illustrate la procedura e le diverse opzioni di integrazione disponibili.
Vuoi visualizzare più percorsi nella stessa pagina? Puoi anche utilizzare l’opzione Integrare una Raccolta OpenRunner sul proprio sito web, che consente di raggruppare più itinerari in un’unica integrazione.
Come integrare un percorso sul proprio sito web
- Accedi alla pagina del percorso: apri la pagina di dettaglio del percorso che desideri integrare.
- Clicca sull’opzione di condivisione.
- Seleziona « Integra il percorso in un sito »: scegli questa opzione per ottenere il codice di integrazione. Assicurati che il percorso sia pubblico affinché le opzioni di integrazione siano disponibili. Se necessario, puoi modificarne la visibilità.
- Copia il codice di integrazione: copia il codice fornito e incollalo nel codice sorgente del tuo sito web.
Opzioni di integrazione
Sono disponibili tre opzioni per integrare un percorso sul tuo sito.
1. Integrazione del solo percorso
- Visualizzazione: viene mostrata solo la mappa del percorso, con la possibilità di effettuare lo zoom e spostarsi sulla mappa.
- Responsive: la mappa si adatta alle dimensioni dello schermo e allo spazio disponibile.
- Accesso a OpenRunner: cliccando su « Accedi ai dettagli del percorso », gli utenti vengono reindirizzati su OpenRunner per consultare tutte le informazioni disponibili sul percorso, come recensioni, foto e descrizione.
2. Integrazione del percorso con profilo altimetrico
- Visualizzazione: questo formato include sia la mappa del percorso sia il relativo profilo altimetrico.
- Dimensioni: la finestra di visualizzazione misura 500 × 650 pixel.
- Responsive: il contenuto si adatta alle dimensioni dello schermo.
- Accesso a OpenRunner: il collegamento « Accedi ai dettagli del percorso » consente di aprire la pagina completa del percorso su OpenRunner.
3. Integrazione del solo profilo altimetrico
- Visualizzazione: questa opzione mostra esclusivamente il profilo altimetrico del percorso.
- Responsive: il contenuto si adatta alle diverse dimensioni dello schermo.
- Accesso a OpenRunner: cliccando su « Accedi ai dettagli del percorso », gli utenti possono consultare ulteriori informazioni sul percorso su OpenRunner.
Visualizzare un percorso in 3D con Flyover
Flyover permette ai visitatori di scoprire un percorso integrato attraverso un sorvolo 3D direttamente dal tuo sito web.
Dall’integrazione del percorso, clicca su « Avvia » per iniziare la visualizzazione. La vista segue automaticamente il tracciato dalla partenza all’arrivo e consente di comprendere meglio il rilievo, le salite, le discese e l’ambiente attraversato.
Durante il sorvolo, la distanza e l’altitudine rimangono visibili. È inoltre possibile modificare la velocità di riproduzione per ottenere rapidamente una panoramica dell’intero itinerario o osservare più attentamente alcune sezioni.
Flyover è particolarmente utile per presentare il percorso di una gara, preparare un’uscita o offrire ai visitatori una visione più concreta dell’itinerario prima della partenza.
Da ricordare
L’integrazione OpenRunner consente di visualizzare un percorso direttamente sul proprio sito web in diversi formati: solo mappa, mappa con profilo altimetrico oppure solo profilo altimetrico. Con Flyover, i visitatori possono inoltre scoprire il percorso e il suo rilievo attraverso una visualizzazione 3D dinamica.
Se desideri presentare più itinerari nello stesso spazio, utilizza invece l’integrazione di una Raccolta OpenRunner, che permette di raggruppare più percorsi in un’unica integrazione.