Zwykłe udostępnianie w ChatGPT wystarcza, gdy chcesz po prostu pokazać komuś prototyp lub prezentację. Przy ofercie, prezentacji dla inwestorów, prototypie dla klienta albo raporcie możesz jednak potrzebować czegoś więcej: przypisania aktywności do konkretnego odbiorcy, zebrania adresu e-mail przed otwarciem, ograniczenia dostępu do zatwierdzonych skrzynek, ustawienia daty wygaśnięcia albo sprawdzenia, które strony i sekcje przyciągnęły uwagę.
Właśnie do tego służy usługa udostępniania śledzonych plików HTML. Poproś ChatGPT o jeden plik HTML do pobrania, prześlij go do takiej usługi i wyślij każdemu odbiorcy osobny śledzony link.
HummingDeck jest naszym produktem. W tym poradniku używamy go jako warstwy udostępniania po wygenerowaniu przez ChatGPT pliku HTML do pobrania.
Co daje śledzony link do pliku HTML
| Gdy chcesz... | Warstwa udostępniania musi zapewniać |
|---|---|
| Powiązać zaangażowanie z konkretnym odbiorcą | Osobny spersonalizowany link dla każdego odbiorcy |
| Zebrać adres e-mail przed otwarciem | Bramkę Email Capture |
| Ograniczyć dostęp do zatwierdzonych zewnętrznych skrzynek | Zweryfikowaną allowlistę adresów e-mail |
| Automatycznie lub ręcznie zakończyć dostęp | Wygaśnięcie linku i ręczne cofnięcie dostępu |
| Zaktualizować stronę bez wysyłania nowego linku | Ponowne przesłanie HTML z zachowaniem dotychczasowych linków |
| Sprawdzić, co przyciągnęło uwagę | Czas na stronie lub w sekcji, stopień ukończenia i ścieżkę przeglądania |
HummingDeck udostępnia te funkcje dla przesłanych plików HTML. Spersonalizowane linki, podstawowe śledzenie wyświetleń, zastępowanie pliku i ręczne cofanie dostępu są dostępne w planie Free. Czas na stronie lub w sekcji oraz wygaśnięcie linku są dostępne od planu Starter. Email Capture i Restricted Access są dostępne od planu Pro. Porównaj plany HummingDeck.
Jeśli potrzebujesz wyłącznie publicznego adresu URL, nasz przewodnik po hostowaniu i udostępnianiu pojedynczego pliku HTML porównuje osiem rozwiązań. Czytaj dalej, jeśli potrzebujesz kontroli na poziomie poszczególnych odbiorców.
Ten proces jest przeznaczony dla stron statycznych. Jeśli strona działająca w ChatGPT Sites korzysta z logowania, zapisanych danych, płatności lub kodu serwerowego, pozostaw ją na hostingu, a HTML wykorzystaj tylko jako kopię do wglądu.
Zamień stronę z ChatGPT w jeden plik HTML
ChatGPT może przedstawić wynik jako stronę w Sites, podgląd Canvas lub HTML Preview albo jako wygenerowany plik. HummingDeck potrzebuje pliku: nie importuje adresu URL strony z ChatGPT Sites ani linku udostępniania Canvas. Wróć do rozmowy, w której powstała strona, i poproś o statyczną kopię:
Zwróć najnowszą wersję jako jeden samodzielny plik index.html, który mogę pobrać.
Zachowaj układ i interakcje działające w przeglądarce bez serwera.
Osadź lub zastąp zewnętrzne obrazy, fonty, ikony, skrypty i inne zasoby, aby plik działał offline.
Usuń lub zastąp wszystko, co wymaga klucza API, bazy danych, logowania albo backendu.
Zwróć index.html jako plik do pobrania, a nie tylko blok kodu.
Jeśli odpowiedź zawiera wygenerowany plik .html z opcją pobrania, pobierz go i zachowaj rozszerzenie .html (dokumentacja pracy z plikami). Jeśli ChatGPT pokazuje tylko HTML Preview, poproś o plik .html do pobrania albo pełny kod źródłowy HTML. Z poniższych kroków ręcznego zapisu korzystaj tylko wtedy, gdy cały kod jest widoczny.
Jeśli ChatGPT zwraca kompletny HTML wyłącznie w bloku kodu:
- Skopiuj cały dokument, od
<!doctype html>lub<html>do zamykającego znacznika</html>. - Wklej go do edytora zwykłego tekstu.
- Zapisz jako
index.htmlz kodowaniem UTF-8. - Sprawdź, czy edytor nie dodał do nazwy rozszerzenia
.txt.
W naszym teście z 7 sierpnia 2026 roku ChatGPT Sites nie wyświetlał opcji eksportu HTML, dlatego poprosiliśmy o wygenerowanie pliku index.html w pierwotnej rozmowie. Plik działał offline i po przesłaniu do HummingDeck.
Jeśli ChatGPT zwraca projekt React lub Vite z plikiem package.json, otrzymujesz kod źródłowy, który nadal wymaga zbudowania i wdrożenia. Proś o jeden statyczny plik index.html tylko wtedy, gdy wystarczy kopia do wglądu bez działającego backendu.
Przetestuj HTML przed przesłaniem
Otwórz pobrany plik w przeglądarce i użyj go tak, jak zrobi to odbiorca.
- Otwórz i sprawdź całą stronę. Surowy kod zwykle oznacza, że plik nazywa się
index.html.txtalbo zawiera niepełny HTML. Przejdź przez każdy slajd, sekcję i ekran wyników. - Przetestuj interakcje i zasoby offline. Bez połączenia z internetem sprawdź nawigację, karty, kalkulatory, formularze, przyciski, obrazy, ikony i fonty.
- Sprawdź kod pod kątem sekretów. Każdy odbiorca pliku HTML może przejrzeć jego kod. Nigdy nie umieszczaj w nim klucza API, hasła ani prywatnego tokena.
Jeśli strona nie działa offline, wróć do ChatGPT i poproś o osadzenie lub zastąpienie brakującej zależności.
Dodaj śledzenie i kontrolę dostępu w HummingDeck
Gdy plik działa samodzielnie, prześlij dokładnie ten plik do HummingDeck:
- Otwórz stronę HummingDeck do udostępniania HTML i prześlij plik
.html. - Ponownie przetestuj przesłaną wersję.
- Utwórz osobny spersonalizowany link dla każdego odbiorcy.
- Wybierz potrzebne ustawienia dostępu i wygaśnięcia, a następnie wyślij link.
Gdy ChatGPT przygotuje poprawioną wersję, użyj w dokumencie opcji Zastąp i prześlij nowy plik .html. Wcześniej utworzone linki będą prowadziły do nowej wersji, więc nie trzeba wysyłać ich ponownie.
Śledzenie to atrybucja, nie potwierdzenie tożsamości
Email Capture zapisuje adres podany przez osobę odwiedzającą. Spersonalizowany link przypisuje aktywność do zamierzonego odbiorcy, ale może zostać przekazany dalej. Restricted Access potwierdza kontrolę nad skrzynką znajdującą się na allowliście, a nie tożsamość prawną. Filtrowanie botów ogranicza szum ze skanerów, ale żaden filtr nie wykrywa wszystkich automatycznych zdarzeń.
Nasze porównanie analityki HTML wyjaśnia różnicę między zbiorczą analityką witryny a linkami przypisanymi do poszczególnych odbiorców.
Rozwiązywanie typowych problemów z eksportem
- ChatGPT zwrócił kod zamiast pliku: poproś o zwrócenie dokładnie tego kodu jako pliku
index.htmldo pobrania. Jeśli nadal otrzymujesz blok kodu, skorzystaj z opisanych wyżej kroków ręcznego zapisu i pomiń znaczniki bloku Markdown. - Plik otwiera się jako tekst: zmień nazwę
index.html.txtnaindex.html, a następnie ponownie otwórz go w przeglądarce. - Brakuje obrazów lub stylów: poproś ChatGPT o osadzenie lub zastąpienie każdego zewnętrznego zasobu, a potem ponów test offline.
- Przyciski nie działają: wskaż niedziałający element i poproś ChatGPT o przepisanie go w JavaScript działającym w przeglądarce, bez frameworka i zależności od serwera.
- Strona wymaga logowania, zapisanych danych, płatności lub kodu serwerowego: pozostaw działającą wersję w ChatGPT Sites. Statyczna kopia HTML może służyć jako wyraźnie oznaczona makieta do wglądu, ale nie zastąpi działającej aplikacji.
Najczęściej zadawane pytania
Jak wyeksportować stronę z ChatGPT do HTML?
Poproś ChatGPT o zwrócenie najnowszej wersji strony jako pliku index.html do pobrania. Jeśli widzisz tylko HTML Preview, poproś o plik do pobrania albo pełny kod źródłowy HTML. Gdy cały kod jest widoczny, możesz skopiować go do edytora zwykłego tekstu i zapisać jako index.html.
Czy ten proces działa ze stroną w ChatGPT Sites, Canvas lub wygenerowaną stroną HTML?
Proces działa, gdy ChatGPT dostarczy kompletny plik .html. HummingDeck nie importuje adresu URL strony z ChatGPT Sites ani linku udostępniania Canvas. Statyczna kopia może zachować treść i interakcje działające po stronie przeglądarki, ale nie funkcje hostowane, takie jak logowanie, zapisane dane, płatności, bazy danych czy kod serwerowy. Działającą aplikację pozostaw w ChatGPT Sites, a HTML udostępniaj jako kopię do wglądu.
Czy mogę zaktualizować stronę bez wysyłania nowego linku?
Wyeksportuj poprawioną stronę jako kolejny plik .html, a następnie użyj opcji Zastąp w HummingDeck. Dotychczasowe linki otworzą nową wersję, więc nie musisz generować ani wysyłać ich ponownie.
Czy odbiorca potrzebuje konta ChatGPT lub HummingDeck?
Standardowy link HummingDeck nie wymaga konta HummingDeck ani ChatGPT. Restricted Access weryfikuje skrzynkę z allowlisty, ale nadal nie wymaga od odbiorcy utworzenia konta HummingDeck.
Czy spersonalizowany link potwierdza, kto wyświetlił stronę?
Przypisuje aktywność do linku przygotowanego dla konkretnego odbiorcy. Restricted Access daje większą pewność co do skrzynki użytej do uzyskania dostępu, ale nie potwierdza tożsamości prawnej ani tego, kto fizycznie korzystał z urządzenia.
Zamień stronę z ChatGPT w kontrolowane udostępnienie
ChatGPT stworzył stronę. Eksport do HTML pozwala dodać kontrolę nad udostępnianiem, której brakuje przy zwykłym udostępnianiu.
Powiązane artykuły:
- Hosting pojedynczego pliku HTML: porównanie 8 narzędzi: wybierz publiczny hosting albo usługę udostępniania ze śledzeniem.
- Jak dodać analitykę do strony HTML: porównaj analitykę osadzoną w stronie z linkami dla poszczególnych odbiorców.
- Jak udostępnić Claude Design poza organizacją Anthropic: skorzystaj z osobnego procesu eksportu samodzielnego HTML dla Claude Design.
- Jak udostępnić Claude Project: wybierz między udostępnieniem obszaru roboczego, rozmowy, artefaktu lub wyeksportowanego pliku.
- Jak udostępnić prezentację online: porównaj linki, załączniki i hosting prezentacji.