★ [EVENT LOSOWE SUPERMOCE WINGMAN] ★Cs-Classic★ [SKLEP] ? CS2

#	Nazwa	Fragi	Czas
1	SzybkaCipka discord.gg/cscdc	11	00:11:55
2	Gumiś	8	00:11:52
3	kuzik	3	00:11:34
4	SourceTV	0	08:31:48
5	MaCieGG	0	00:01:31

#	Gracz	Czas Gry	Fragi
1	SourceTV	2 lat, 7 mies.	0
2	FJKL	17 godz.	806
3	prosciutto paznoczi	15 godz.	710
4	MrSzpont	14 godz.	665
5		14 godz.	13
6	MAXIERR	13 godz.	751
7	TimingIsAll	12 godz.	924
8	Pardon	11 godz.	503
9	RtmK	10 godz.	572
10	Ravis	10 godz.	558
11	Jasse Pinkman †	9 godz.	429
12	Krasin256	9 godz.	521
13	GoodWood	9 godz.	667
14	мαℓ¢zαηιк	8 godz.	517
15	BIG W	8 godz.	476

1. Wybierz tryb generatora

🖼️ Widget 📊 Tabela (Generator) 📋 Pojedyncze Tagi 🤖 Dane API

Dodaj Serwery do Tabeli

ℹ️ Tutaj dodajesz wiele serwerów. Kod wynikowy stworzy tabelę dla wszystkich dodanych ID.

Kol. Włącz Kolumnę Nazwa Nagłówka (np. "Mapa") Opcje Danych

Status

Gra

Nazwa Serwera

Mapa

Gracze

Adres IP

1. Skopiuj Tagi (Elementy Tabeli)

Chcesz zbudować tabelę ręcznie? Kliknij przycisk, aby skopiować gotowy kod <span> dla konkretnej danej tego serwera.

Mapa

Gracze (12/32)

Gracze (12)

Sloty (32)

Status

Nazwa Serwera

Adres IP

Link "Połącz"

2. Instrukcja wklejania

Wklej skopiowany wyżej tag wewnątrz komórki <td> w swojej tabeli HTML na stronie.

<tr>
  <td>Nazwa Serwera</td>
  <td><!-- Tu wklej tag (np. Mapa) --></td>
  <td><!-- Tu wklej tag (np. Gracze) --></td>
</tr>

⚠️

Ważne: Aby tagi działały, musisz skopiować skrypt z pola "Krok C" poniżej i wkleić go na dole strony.

Format Danych API

Co chcesz pobrać?

2. Podgląd na żywo (Real Data)

Krok A: Biblioteka (Wymagana 1 raz na stronie)

Wklej ten kod w sekcji <HEAD> lub na samym dole strony przed </body>.

<script src="https://gamesvar.com/api/widget.js"></script>

Krok B: Kod Widgetu

Wklej ten kod dokładnie tam, gdzie ma się pojawić pasek z informacjami.

Twój Link API

📚 Centrum Pomocy i Instrukcje

Jak dodać widget na stronę?

Wybrałeś tryb pojedynczego paska. To idealne rozwiązanie do nagłówka lub stopki forum.

Instrukcja krok po kroku:

Krok A: Skopiuj bibliotekę <script...> i wklej ją w sekcji <HEAD> swojej strony. Robisz to tylko raz dla całej witryny.
Konfiguracja: Użyj suwaków powyżej, aby dostosować wygląd (kolory, co ma się wyświetlać).
Krok B: Skopiuj wygenerowany kod z pola "Krok B: Kod Widgetu" i wklej go tam, gdzie chcesz widzieć pasek (np. w module HTML).

⚠️ Uwaga: Jeśli widzisz napis "Ładowanie..." w nieskończoność, na 99% brakuje skryptu z Kroku A na Twojej stronie.

Jak stworzyć tabelę serwerów?

Masz dwie metody tworzenia tabeli:

Metoda 1: Generator Automatyczny (Polecane)

Wybierz tryb "📊 Tabela (Generator)" u góry.
Dodaj ID wszystkich swoich serwerów klikając "Dodaj +".
Wybierz kolumny, które chcesz pokazać.
Skopiuj gotowy kod z pola "Krok C" i wklej go na podstronę "Lista Serwerów". Kod jest responsywny (zamienia się w kafelki na telefonie).

Metoda 2: Ręczne Tagi (Dla zaawansowanych)

Wybierz tryb "📋 Pojedyncze Tagi".
Kliknij przycisk "Kopiuj" przy danej (np. Mapa) i wklej ten kawałek kodu do swojej własnej tabeli HTML w <td>.
Bardzo ważne: Po wklejeniu tagów, musisz skopiować kod JavaScript z pola na dole ("Skrypt Aktywujący") i wkleić go na samym końcu strony.

Gotowce dla laików

Gotowe szablony do wklejenia w panel boczny.

<!-- Widget w pionie -->
<div style="background:#222; padding:10px; text-align:center;">
  <div style="font-weight:bold; margin-bottom:5px;">Nasz Serwer</div>
  <div class="gv-widget" data-id="1" data-type="players_full" style="color:#00bcd4;">...</div>
  <div class="gv-widget" data-id="1" data-type="map" style="color:#888;">...</div>
  <a href="steam://connect/IP" style="display:block; background:#4CAF50; color:#fff; padding:5px; margin-top:5px;">Dołącz</a>
</div>

2. Belka do Stopki (Footer)

<!-- Pasek na dół strony -->
<div style="background:#111; padding:10px; text-align:center; color:#fff; border-top:1px solid #333;">
  Status: <span class="gv-widget" data-id="1" data-type="status">...</span> | 
  Gracze: <span class="gv-widget" data-id="1" data-type="players_full">...</span> | 
  Mapa: <span class="gv-widget" data-id="1" data-type="map">...</span>
</div>

API dla Programistów i Discorda

Przykład użycia API w JavaScript (Node.js).

const url = 'https://gamesvar.com/api/status.php?id=117&type=json';

fetch(url)
  .then(res => res.json())
  .then(data => {
     console.log(`Serwer: ${data.name}`);
     console.log(`Gracze: ${data.players}/${data.max_players}`);
  });

❓ Częste pytania (FAQ)

Dlaczego w tabeli widzę ciągle "Ładowanie..."?

To najczęstszy błąd. Dzieje się tak, gdy na stronie brakuje Biblioteki Głównej (Krok A). Same tagi HTML wklejone z Kroku B są "puste" dopóki skrypt główny ich nie wypełni danymi.

Sprawdź w konsoli przeglądarki (klawisz F12 -> zakładka Console), czy nie masz błędu GV_Init is not defined. Jeśli tak – dodaj skrypt z Kroku A do sekcji <head> lub stopki strony.

Czy widget spowalnia stronę?

Nie. Skrypt ładuje się asynchronicznie (w tle). Oznacza to, że Twoja strona wyświetli się natychmiast, a informacje o serwerze "wskoczą" ułamek sekundy później. Nawet przy 10 serwerach na jednej liście, wpływ na wydajność jest niezauważalny.

Co ile odświeżają się dane?

Widget pobiera dane "na żywo" przy każdym wejściu lub odświeżeniu strony przez użytkownika. Nasze API cache'uje (zapamiętuje) stan serwera na około 60-120 sekund, aby nie obciążać serwera gry zbyt częstymi zapytaniami. Jeśli zmienisz mapę, zmiana na stronie WWW może być widoczna z maksymalnie minutowym opóźnieniem.

Czy mogę zmienić wygląd lub czcionkę?

Tak. Generator tworzy kod z podstawowymi stylami inline (np. style="color:..."). Widget automatycznie dziedziczy czcionkę z Twojej strony, więc będzie pasował do reszty.

Jeśli znasz CSS, możesz też edytować kod ręcznie po wklejeniu lub dopisać własne klasy w arkuszu stylów.

Czy mogę dodać 10 różnych serwerów?

Tak! Po prostu skopiuj tagi dla każdego serwera osobno i wstaw je do swojej tabeli. Skrypt automatycznie wykryje wszystkie unikalne ID na stronie i pobierze dla nich dane.

Znajdź Swój Serwer, Zdominuj Grę

★ [EVENT LOSOWE SUPERMOCE WINGMAN] ★Cs-Classic★ [SKLEP] ? CS2 Nazwa wygenerowana przez system

★ [EVENT LOSOWE SUPERMOCE WINGMAN] ★Cs-Classic★ [SKLEP] ? Nazwa serwera pobrana przez system

Statystyki serwera

Średnia liczba graczy w godzinach szczytu

Serwer ★ [EVENT LOSOWE SUPERMOCE WINGMAN] ★Cs-Classic★ [SKLEP] ? - Counter-Strike 2

Co wyróżnia ten serwer CS2?

Gracze online (5)

🏆 TOP Gracze

Godzinowe statystyki

Dzienne statystyki

Miesięczne statystyki

Statystyki roczne (Ostatni rok)

🛠️ Kreator Widgetu & Tabeli PRO

Jak dodać widget na stronę?

Jak stworzyć tabelę serwerów?

Metoda 1: Generator Automatyczny (Polecane)

Metoda 2: Ręczne Tagi (Dla zaawansowanych)

Gotowce dla laików

API dla Programistów i Discorda

Logowanie

★ [EVENT LOSOWE SUPERMOCE WINGMAN] ★Cs-Classic★ [SKLEP] ? CS2 Nazwa wygenerowana przez system

★ [EVENT LOSOWE SUPERMOCE WINGMAN] ★Cs-Classic★ [SKLEP] ? Nazwa serwera pobrana przez system

Statystyki serwera

Średnia liczba graczy w godzinach szczytu

Serwer ★ [EVENT LOSOWE SUPERMOCE WINGMAN] ★Cs-Classic★ [SKLEP] ? - Counter-Strike 2

Co wyróżnia ten serwer CS2?

Gracze online (5)

🏆 TOP Gracze

Godzinowe statystyki

Dzienne statystyki

Miesięczne statystyki

Statystyki roczne (Ostatni rok)

🛠️ Kreator Widgetu & Tabeli PRO

Jak dodać widget na stronę?

Jak stworzyć tabelę serwerów?

Metoda 1: Generator Automatyczny (Polecane)

Metoda 2: Ręczne Tagi (Dla zaawansowanych)

Gotowce dla laików

API dla Programistów i Discorda