Website Integration

RACE RESULT vous permet d'intégrer facilement dans le site de l'événement ces pages de Résultats, LIVE, Inscrits et Inscription en ligne.

Cela se fait grâce à de petits extraits de code JavaScript qui chargent les résultats directement sur votre site web (sans iframe). Tous les styles CSS de votre site seront appliqués à l'inscription en ligne et aux résultats. Au besoin, vous pouvez ajouter du CSS pour personnaliser l'apparence.

Le code JavaScript à copier-coller sur votre site web se trouve dans le menu my.raceresult.com > Intégration web.

Les articles ci-dessous expliquent plus en détail les différents types de code d'intégration.

Voici un exemple pour les Résultats :

<div id="divRRPublish" class="RRPublish"></div> 
<script type="text/javascript" src="//my.raceresult.com/RRPublish/load.js.php?lang=en"></script> 
<script type="text/javascript"> 
<!--
   var rrp=new RRPublish(document.getElementById("divRRPublish"), 58385, "results"); 
--> 
</script> 
<style>
   /* Add custom CSS here or elsewhere to change the design */ 
</style>

 

Dans la capture d'écran ci-dessus, certaines couleurs du cadre des résultats ont été modifiées ; ceci est réalisé à l'aide de CSS personnalisé dans les balises de style. 

Embed Participants, Results, and Live Lists

Afin d'intégrer les listes, vous devez copier le code source correspondant. Vous remarquerez que ces trois listes sont très similaires. Quelques points clés les différencient, et certaines fonctionnalités permettent de personnaliser ces listes.

Voici le code source pour référence.

<div id="divRRPublish" class="RRPublish"></div>
<script type="text/javascript" src="https://my.raceresult.com/RRPublish/load.js.php?lang=en"></script>
<script type="text/javascript">
<!--
    var rrp=new RRPublish(document.getElementById("divRRPublish"), 123456, "results");
    rrp.ShowTimerLogo=true;
    rrp.ShowInfoText=false;
-->
</script>
<style>
  /* Add custom CSS here or elsewhere to change the design */
</style>

Ce code source charge les données en fonction de l'ID d'événement et de l'onglet URL spécifié. Les sections en rouge correspondent à des variables modifiables pour personnaliser le code intégré. L'exemple ci-dessus charge la liste des Résultats de l'événement 123456. Pour charger les listes des participants ou des personnes en direct, remplacez « Résultats » (en rouge) par « Participants » ou « Live ».

Deux options booléennes permettent d'activer ou de désactiver des fonctionnalités.

  • rrp.ShowTimerLogo - si cette option est "true" le logo du chronométreur sera affiché en bas des résultats.
  • rrp.ShowInfoText - si cette option est "true" le texte d'information défini pour la page spécifiée s'affiche.

Embed Registration and Online Self-Service

The online registration source code allows you to embed the registration portal directly on your site. This also allows you to link the ChangeLink for Online Self Service directly to your site when using the ChangeLink() function.

To start you will need to embed the online registration source code on your site, the same code will enable both standard registration and online self service.

<div id="divRRRegStart" class="RRRegStart"></div>
<script type="text/javascript" src="https://my.raceresult.com/RRRegStart/load.js.php?lang=en"></script>
<script type="text/javascript">
<!--
  var rrp=new RRRegStart(document.getElementById("divRRRegStart"), 230672);
  rrp.ShowInfoText=false;
-->
</script>
<style>
  /* Add custom CSS here or elsewhere to change the design */
</style>

There are 2 variables here as highlighted in red. 

  • EventID - the ID of the event to be embedded.
  • rrp.ShowInfoText - Either true or false to define whether the info text of the registration page should also be included.