埋め込み可能なチェス評価ウィジェット

このウィジェットは 3 つの構成で利用できます: レーティング変更のみ (プレーヤーのレーティング、対戦相手のレーティング、結果、K ファクター、および出力フィールドを表示する最もコンパクトなオプション)、初期レーティングのみ (主に新規プレーヤーに最初に公開されたレーティングを推定するサービスを提供するクラブ ページ用)、および複合モード (どちらもタブ付きインターフェイスの計算機で、ホームページの計算機と同じです)。 関連する説明として、チェス レーティング API ドキュメントも参考になります。

3 つのモードはすべて完全に応答性が高く、ページのコンテナーの幅に適応します。単一列レイアウトの場合、推奨される最小幅は 320 ピクセルです。幅の広いコンテナでは、入力セクションと出力セクションの間の視覚的な分離が向上し、より広々としたレイアウトで電卓が表示されます。

ウィジェットは、そのコンテナをスコープとする分離されたスタイルシートを使用するため、サイトの既存の CSS に干渉しません。計算ロジック、スタイル、すべてのインタラクティブな動作を含む合計ペイロードは、gzip 圧縮されて 50 KB 未満です。外部フォントや重いフレームワークはロードされません。

プライバシーの観点から、ウィジェットはすべての計算をクライアント側で実行します。訪問者が埋め込み計算機を使用する場合、ユーザー入力データはサーバーに送信されません。唯一のネットワーク要求は、初期スクリプトのロードです。これにより、このウィジェットはサードパーティのデータ収集を最小限に抑える必要があるサイトに適しています。

最も効果的なウィジェットの配置は、ユーザーの質問が自然に生じる場所に電卓を配置することです。トーナメント結果ページでは、クロステーブルの直後に配置します。 K ファクターに関するコーチング記事にそれを埋め込み、読者が読みながら値をテストできるようにします。リーグのホームページで、クイックアクセス ユーティリティとしてサイドバーまたはヒーロー セクションに配置します。

深くネストされたコンテナー内、長いページのスクロールせずに見える位置、または周囲のコンテキストなしでウィジェットを配置することは避けてください。ウィジェットの上にある 1 文の短い紹介文は、ページの中央に表示される説明のない電卓と比較して、エンゲージメントを劇的に向上させます。