Intégrations et widgets
Widgets d'évaluation d'échecs intégrables
Les widgets de notation d'échecs intégrables permettent aux clubs, aux sites Web d'entraîneurs, aux blogs et aux portails de ligue d'ajouter un calculateur de notation Elo fonctionnel directement à leurs propres pages. Au lieu de relier les visiteurs à un outil externe, vous pouvez placer la calculatrice juste à côté des résultats de tournois, des articles d'entraînement ou des annonces d'événements là où elle est la plus utile. Cette page couvre les modes de widget disponibles, les instructions de configuration, les directives de dimensionnement et ce à quoi s'attendre en termes de performances et de support continu. Pour une méthode étape par étape, utilisez Comment intégrer un calculateur de notation d'échecs sur votre site Web.
Modes de widgets disponibles
Le widget est disponible en trois configurations : Changement de note uniquement (l'option la plus compacte, affichant la note du joueur, la note de l'adversaire, le résultat, le facteur K et les champs de sortie), Note initiale uniquement (pour les pages de club qui servent principalement aux nouveaux joueurs estimant leur première note publiée) et Mode combiné (les deux calculatrices dans une interface à onglets, identique à la calculatrice de la page d'accueil). Vous pouvez poursuivre avec Documentation de l'API d'évaluation des échecs pour une explication liée.
Les trois modes sont entièrement réactifs et s'adapteront à la largeur du conteneur de votre page. La largeur minimale recommandée est de 320 px pour les mises en page à une seule colonne. Des conteneurs plus larges afficheront la calculatrice dans une disposition plus spacieuse avec une meilleure séparation visuelle entre les sections d'entrée et de sortie.
Comment ajouter un widget à votre site
- 1 Choisissez le mode de widget souhaité (changement de note, note initiale ou combiné) et copiez l'extrait d'intégration correspondant à partir du panneau de configuration ci-dessous.
- 2 Collez l'extrait HTML dans votre page à l'endroit où vous souhaitez que la calculatrice apparaisse. Dans WordPress, utilisez un bloc HTML personnalisé. Dans Squarespace, utilisez un bloc Code. En HTML statique, collez directement dans le balisage.
- 3 Le widget se charge de manière asynchrone pour éviter de bloquer le rendu de votre page. Il s'initialise automatiquement une fois le chargement du script terminé.
- 4 Prévisualisez votre page sur ordinateur et dans au moins une fenêtre d'affichage mobile. Ajustez la largeur ou le rembourrage du conteneur si la calculatrice semble trop étroite ou trop large pour votre disposition.
Style, performances et confidentialité
Le widget utilise une feuille de style isolée limitée à son conteneur, elle n'interférera donc pas avec le CSS existant de votre site. La charge utile totale est inférieure à 50 Ko compressée, y compris la logique de calcul, les styles et tout le comportement interactif. Aucune police externe ou framework lourd n'est chargé.
Du point de vue de la confidentialité, le widget effectue tous les calculs côté client. Aucune donnée de saisie utilisateur n'est envoyée à nos serveurs lorsque les visiteurs utilisent la calculatrice intégrée. La seule requête réseau est le chargement initial du script. Cela rend le widget adapté aux sites qui doivent minimiser la collecte de données tierces.
Assistance et gestion des versions
- Les versions du widget sont épinglées : votre extrait d'intégration charge une version spécifique qui ne changera pas sans votre action.
- Lorsqu'une nouvelle version du widget est disponible (nouvelles fonctionnalités, mises à jour du profil de règles), un chemin de migration facultatif est fourni.
- Si vous rencontrez des problèmes d'affichage, vérifiez la largeur minimale requise du conteneur (320 px) avant de signaler un bug.
- Pour une assistance technique, des questions de licence ou des configurations de widgets personnalisés, utilisez le formulaire de contact.
Meilleures stratégies de placement
Les emplacements de widgets les plus efficaces placent la calculatrice là où la question de l'utilisateur se pose naturellement. Sur la page de résultats d'un tournoi, placez-le immédiatement après le tableau croisé. Dans un article de coaching sur le facteur K, intégrez-le afin que les lecteurs puissent tester les valeurs pendant qu'ils lisent. Sur la page d'accueil d'une ligue, placez-la dans la barre latérale ou dans la section des héros en tant qu'utilitaire d'accès rapide.
Évitez de placer le widget dans des conteneurs profondément imbriqués, sous la ligne de flottaison sur de longues pages ou sans aucun contexte environnant. Une brève introduction d'une phrase au-dessus du widget améliore considérablement l'engagement par rapport à une calculatrice inexpliquée apparaissant au milieu de la page.