NGNW.PL | ONLY MIRAGE | SKINY | GLOVES | RANK | RANGI

#	Nazwa	Fragi	Czas
1	Buldog	19	00:14:32
2	Baimless	16	00:14:31
3	Weezard	15	00:14:31
4	Sopell ♥	12	00:14:31
5	GrandWizard	10	00:10:47
6	Jack Reacher	6	00:12:58
7	klopspluts	3	00:13:07
8	POW!! “skins.army”	3	00:03:50
9	Bartillow	1	00:14:31
10	[NGNW.pl] Kup VIP pod !sklepcs lub sklep.ngnw.pl	0	14:00:47
11	fejz	0	00:00:27

#	Gracz	Czas Gry	Fragi
1	[NGNW.pl] Kup VIP pod !sklepcs lub sklep.ngnw.pl	3 lat, 1 mies.	0
2	ʰᵃᵈᵉˢˢ	2 dni, 10 godz.	2,765
3	flusha	2 dni, 9 godz.	2,708
4	Baimless	2 dni, 6 godz.	1,639
5	DoMen	2 dni, 4 godz.	3,277
6	zlotuwka	2 dni, 2 godz.	2,872
7	Buldog	2 dni	2,878
8	Infinity	2 dni	2,176
9	?⁧ Social	2 dni	2,082
10	mtm	1 dni, 21 godz.	1,982
11	gorylek	1 dni, 20 godz.	949
12	Matrix_900	1 dni, 20 godz.	2,113
13	GrandWizard	1 dni, 19 godz.	3,057
14	Bartolomelo	1 dni, 18 godz.	1,240
15	z3t	1 dni, 13 godz.	2,151

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=65&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.

NGNW.PL | ONLY MIRAGE | SKINY | GLOVES | RANK | RANGI | VIP CS2 mi