Przejdź do treści
Kalkulator ocen szachowych Elo

Elementy osadzone i widżety

Wbudowane widżety oceny szachów

Wbudowane widżety rankingów szachowych umożliwiają klubom, witrynom trenerskim, blogom i portalom ligowym dodanie działającego kalkulatora rankingów Elo bezpośrednio do ich własnych stron. Zamiast łączyć odwiedzających z zewnętrznym narzędziem, możesz umieścić kalkulator tuż obok wyników turniejów, artykułów szkoleniowych lub ogłoszeń o wydarzeniach tam, gdzie jest to najbardziej przydatne. Na tej stronie opisano dostępne tryby widżetów, instrukcje konfiguracji, wytyczne dotyczące rozmiaru oraz oczekiwania dotyczące wydajności i stałego wsparcia. Aby przejść proces krok po kroku, użyj Jak osadzić kalkulator ocen szachowych na swojej stronie internetowej.

Dostępne tryby widgetów

Widget jest dostępny w trzech konfiguracjach: Tylko zmiana oceny (najbardziej kompaktowa opcja, pokazująca ocenę gracza, ocenę przeciwnika, wynik, współczynnik K i pola wyjściowe), Tylko ocena wstępna (dla stron klubowych, które służą głównie nowym graczom szacującym ich pierwszą opublikowaną ocenę) oraz Tryb łączony (oba kalkulatory w interfejsie z zakładkami, identycznym z kalkulatorem na stronie głównej). Możesz kontynuować w Dokumentacja API oceny szachowej, aby zobaczyć powiązane wskazówki.

Wszystkie trzy tryby są w pełni responsywne i dostosowują się do szerokości kontenera Twojej strony. Minimalna zalecana szerokość w przypadku układów jednokolumnowych wynosi 320 pikseli. Szersze kontenery będą wyświetlać kalkulator w bardziej przestronnym układzie z lepszą wizualną separacją pomiędzy sekcjami wejściowymi i wyjściowymi.

Jak dodać widżet do swojej witryny

  1. 1 Wybierz żądany tryb widżetu (zmiana oceny, ocena początkowa lub łączony) i skopiuj odpowiedni fragment kodu do osadzenia z panelu ustawień poniżej.
  2. 2 Wklej fragment kodu HTML na swoją stronę, w miejscu, w którym chcesz wyświetlić kalkulator. W WordPress użyj niestandardowego bloku HTML. W Squarespace użyj bloku kodu. W statycznym kodzie HTML wklej bezpośrednio do znaczników.
  3. 3 Widżet ładuje się asynchronicznie, aby uniknąć blokowania renderowania strony. Inicjuje się automatycznie po zakończeniu ładowania skryptu.
  4. 4 Wyświetl podgląd swojej strony na komputerze i co najmniej w jednym widocznym obszarze mobilnym. Dostosuj szerokość kontenera lub dopełnienie, jeśli kalkulator wydaje się zbyt ciasny lub zbyt szeroki w stosunku do Twojego układu.

Styl, wydajność i prywatność

Widżet korzysta z izolowanego arkusza stylów ograniczonego do jego kontenera, więc nie będzie kolidował z istniejącym CSS witryny. Całkowity ładunek, spakowany w formacie gzim, zawiera mniej niż 50 KB, łącznie z logiką obliczeń, stylami i wszystkimi interaktywnymi zachowaniami. Nie są ładowane żadne zewnętrzne czcionki ani ciężkie struktury.

Ze względu na prywatność widget wykonuje wszystkie obliczenia po stronie klienta. Żadne dane wejściowe użytkownika nie są wysyłane na nasze serwery, gdy odwiedzający korzystają z wbudowanego kalkulatora. Jedynym żądaniem sieciowym jest początkowe ładowanie skryptu. Dzięki temu widget jest odpowiedni dla witryn, które muszą minimalizować gromadzenie danych przez osoby trzecie.

Wsparcie i wersjonowanie

  • Wersje widżetów są przypięte: fragment kodu do osadzenia ładuje określoną wersję, która nie ulegnie zmianie bez Twojego działania.
  • Gdy dostępna jest nowa wersja widżetu (nowe funkcje, aktualizacje profilu reguł), udostępniana jest opcjonalna ścieżka migracji.
  • Jeśli napotkasz problemy z wyświetlaniem, przed zgłoszeniem błędu sprawdź wymagania dotyczące minimalnej szerokości kontenera (320 pikseli).
  • Aby uzyskać pomoc techniczną, zadać pytania licencyjne lub skonfigurować niestandardowe widżety, skorzystaj z formularza kontaktowego.

Najlepsze strategie rozmieszczania

Najbardziej efektywne rozmieszczenie widżetów powoduje, że kalkulator pojawia się tam, gdzie w naturalny sposób pojawia się pytanie użytkownika. Na stronie wyników turnieju umieść ją bezpośrednio za tabelą krzyżową. Umieść go w artykule coachingowym na temat współczynnika K, aby czytelnicy mogli testować wartości podczas czytania. Na stronie głównej ligi umieść ją na pasku bocznym lub w sekcji bohaterów jako narzędzie szybkiego dostępu.

Unikaj umieszczania widżetu w głęboko zagnieżdżonych pojemnikach, w dolnej części strony na długich stronach lub bez otaczającego kontekstu. Krótkie, jednozdaniowe wprowadzenie nad widżetem znacznie poprawia zaangażowanie w porównaniu z niewyjaśnionym kalkulatorem pojawiającym się w połowie strony.