내장 가능한 체스 평가 위젯

위젯은 세 가지 구성으로 제공됩니다: 등급 변경만(플레이어 등급, 상대 등급, 결과, K-인자 및 출력 필드를 표시하는 가장 간단한 옵션), 초기 등급 전용(신규 플레이어가 처음 게시한 등급을 추정하는 데 주로 서비스를 제공하는 클럽 페이지용), 결합 모드(둘 다 탭 인터페이스의 계산기, 홈페이지 계산기와 동일). 관련 안내는 체스 등급 API 문서에서 이어서 확인할 수 있습니다.

세 가지 모드 모두 완벽하게 반응하며 페이지의 컨테이너 너비에 맞춰 조정됩니다. 단일 열 레이아웃의 경우 최소 권장 너비는 320px입니다. 더 넓은 컨테이너는 입력 섹션과 출력 섹션이 시각적으로 더 잘 분리되어 더 넓은 레이아웃으로 계산기를 표시합니다.

위젯은 해당 컨테이너로 범위가 지정된 격리된 스타일시트를 사용하므로 사이트의 기존 CSS를 방해하지 않습니다. 계산 논리, 스타일 및 모든 대화형 동작을 포함하여 총 페이로드는 gzip으로 압축된 50KB 미만입니다. 외부 글꼴이나 무거운 프레임워크는 로드되지 않습니다.

개인 정보 보호 측면에서 위젯은 클라이언트 측에서 모든 계산을 수행합니다. 방문자가 내장된 계산기를 사용할 때 사용자 입력 데이터는 당사 서버로 전송되지 않습니다. 유일한 네트워크 요청은 초기 스크립트 로드입니다. 따라서 이 위젯은 타사 데이터 수집을 최소화해야 하는 사이트에 적합합니다.

가장 효과적인 위젯 배치는 사용자의 질문이 자연스럽게 떠오르는 곳에 계산기를 두는 것입니다. 토너먼트 결과 페이지에서 크로스테이블 바로 뒤에 배치하세요. K-factor에 대한 코칭 기사에 독자가 읽는 동안 값을 테스트할 수 있도록 삽입하세요. 리그 홈페이지에서 빠른 액세스 유틸리티로 사이드바 또는 영웅 섹션에 배치하세요.

위젯을 깊게 중첩된 컨테이너 내부, 긴 페이지의 스크롤 없이 볼 수 있는 부분 내부 또는 주변 컨텍스트 없이 배치하지 마세요. 위젯 위의 간단한 한 문장 소개는 페이지 중간에 나타나는 설명할 수 없는 계산기에 비해 참여도를 크게 향상시킵니다.