Die reguläre Freigabe in ChatGPT reicht aus, wenn jemand lediglich einen Prototyp oder eine Präsentation öffnen soll. Für ein Angebot, eine Investorenpräsentation, einen Kundenprototyp oder einen Bericht kann sie zu wenig sein. Vielleicht musst du Aktivitäten einem vorgesehenen Empfänger zuordnen, vor dem Zugriff eine E-Mail-Adresse erfassen, den Zugang auf genehmigte externe Postfächer beschränken, den Link ablaufen lassen oder erkennen, welche Seiten und Abschnitte Aufmerksamkeit erhalten haben.
Hier kommt ein Dienst zum Teilen von HTML mit Tracking ins Spiel. Bitte ChatGPT um eine einzelne herunterladbare HTML-Datei, lade sie beim Dienst hoch und sende jedem Empfänger einen trackbaren Link.
HummingDeck ist unser Produkt. In diesem Leitfaden dient es als Freigabeebene, nachdem ChatGPT die herunterladbare HTML-Datei erstellt hat.
Was ein trackbarer HTML-Link zusätzlich bietet
| Wenn du Folgendes brauchst... | Dann muss die Freigabeebene Folgendes bieten |
|---|---|
| Interaktionen einem vorgesehenen Empfänger zuordnen | Einen separaten persönlichen Link für jeden Empfänger |
| Vor der Ansicht eine E-Mail-Adresse erfassen | Eine vorgeschaltete Email Capture-Abfrage |
| Den Zugriff auf genehmigte externe Postfächer beschränken | Eine verifizierte E-Mail-Allowlist |
| Den Zugriff automatisch oder bei Bedarf beenden | Ein Ablaufdatum für den Link und manuellen Widerruf |
| Die Seite aktualisieren, ohne einen neuen Link zu senden | Die HTML-Datei erneut hochladen und bestehende Freigabelinks beibehalten |
| Verstehen, was Aufmerksamkeit erhalten hat | Zeit pro Seite oder Abschnitt, Abschlussquote und Interaktionsverlauf |
HummingDeck bietet diese Funktionen für hochgeladene HTML-Dateien. Persönliche Links, grundlegendes Aufruf-Tracking, das Ersetzen von Dateien und manueller Widerruf sind im Free-Tarif verfügbar. Zeit pro Seite oder Abschnitt sowie das Ablaufdatum für Links gibt es ab Starter. Email Capture und Restricted Access gibt es ab Pro. HummingDeck-Tarife vergleichen.
Wenn du nur eine öffentliche URL brauchst, vergleicht unser Leitfaden zum Hosten und Teilen einer einzelnen HTML-Datei acht Optionen. Lies hier weiter, wenn du Kontrollen auf Empfängerebene brauchst.
Dieser Ablauf eignet sich für statische Seiten. Wenn die aktive ChatGPT Site von Anmeldung, gespeicherten Daten, Zahlungen oder Servercode abhängt, solltest du diese Version gehostet lassen und HTML nur als Prüfversion verwenden.
Die ChatGPT-Seite in eine einzelne HTML-Datei umwandeln
ChatGPT kann das Ergebnis als Site, als Canvas oder HTML Preview oder als generierte Datei anzeigen. HummingDeck benötigt die Datei. Eine URL zu einer ChatGPT Site oder einen Canvas-Freigabelink kann es nicht importieren. Kehre zum Chat zurück, in dem die Seite erstellt wurde, und bitte um eine statische Kopie:
Gib die aktuelle Version als einzelne, eigenständige index.html-Datei zurück, die ich herunterladen kann.
Sorge dafür, dass Layout und Browserinteraktionen ohne Server funktionieren.
Bette externe Bilder, Schriftarten, Icons, Skripte und andere Assets ein oder ersetze sie, damit die Datei offline funktioniert.
Entferne oder ersetze alles, was einen API-Schlüssel, eine Datenbank, eine Anmeldung oder ein Backend benötigt.
Gib index.html als herunterladbare Datei zurück, nicht nur als Codeblock.
Wenn die Antwort eine generierte .html-Datei mit einer Download-Schaltfläche enthält, lade sie herunter und behalte die Dateiendung .html bei (Dokumentation zum Datei-Workflow). Wenn ChatGPT nur eine HTML Preview anzeigt, bitte um eine herunterladbare .html-Datei oder den vollständigen HTML-Quelltext. Nutze die folgenden Schritte zum manuellen Speichern nur, wenn der gesamte Quelltext sichtbar ist.
Wenn ChatGPT nur vollständiges HTML in einem Codeblock zurückgibt:
- Kopiere das vollständige Dokument. Es beginnt mit
<!doctype html>oder<html>und endet mit dem schließenden Tag</html>. - Füge es in einen reinen Texteditor ein.
- Speichere es mit UTF-8-Codierung als
index.html. - Vergewissere dich, dass der Editor dem Dateinamen nicht
.txthinzugefügt hat.
Bei unserem Test am 7. August 2026 zeigte ChatGPT Sites keine Funktion zum HTML-Export. Deshalb haben wir im ursprünglichen Chat eine generierte index.html angefordert. Die Datei funktionierte offline und nach dem Upload zu HummingDeck.
Wenn ChatGPT ein React- oder Vite-Projekt mit package.json zurückgibt, hast du Quellcode erhalten, der noch gebaut und bereitgestellt werden muss. Bitte nur dann um eine einzelne statische index.html, wenn eine Prüfversion ohne das aktive Backend ausreicht.
HTML vor dem Hochladen testen
Öffne die heruntergeladene Datei in deinem Browser und verwende sie so, wie es der Empfänger tun würde.
- Öffne und prüfe die gesamte Seite. Rohcode bedeutet meist, dass die Datei
index.html.txtheißt oder unvollständiges Markup enthält. Rufe jede Folie, jeden Abschnitt und jede Ergebnisseite auf. - Teste Interaktionen und Assets offline. Probiere Navigation, Tabs, Rechner, Formulare, Schaltflächen, Bilder, Icons und Schriftarten ohne Internetverbindung aus.
- Prüfe den Quelltext auf Geheimnisse. Jeder Empfänger einer HTML-Datei kann sie untersuchen. Speichere niemals einen API-Schlüssel, ein Passwort oder ein privates Token in der Datei.
Wenn die Seite offline nicht funktioniert, kehre zu ChatGPT zurück und bitte darum, die fehlende Abhängigkeit einzubetten oder zu ersetzen.
Tracking und Zugriffskontrollen mit HummingDeck hinzufügen
Sobald die Datei eigenständig funktioniert, lädst du genau diese Datei zu HummingDeck hoch:
- Öffne die HTML-Freigabeseite von HummingDeck und lade die
.html-Datei hoch. - Teste die hochgeladene Version erneut.
- Erstelle für jeden Empfänger einen persönlichen Link.
- Wähle die benötigten Zugriffs- und Ablaufeinstellungen und sende dann den Link.
Wenn ChatGPT eine überarbeitete Version erstellt, wähle beim Dokument Ersetzen und lade die neue .html-Datei hoch. Bereits erstellte Links führen dann zur neuen Version, sodass du sie nicht erneut versenden musst.
Tracking ist Zuordnung, kein Identitätsnachweis
Email Capture erfasst die Adresse, die ein Betrachter eingibt. Ein persönlicher Link ordnet Aktivitäten dem vorgesehenen Empfänger zu, kann aber weitergeleitet werden. Restricted Access bestätigt die Kontrolle über ein Postfach auf der Allowlist, nicht die rechtliche Identität. Bot-Filter reduzieren Störungen durch Scanner, doch kein Filter erkennt jedes automatisierte Ereignis.
Unser Vergleich von HTML-Analysen erklärt den Unterschied zwischen aggregierten Website-Analysen und Links auf Empfängerebene.
Häufige Exportprobleme beheben
- ChatGPT hat Code statt einer Datei zurückgegeben: Bitte darum, genau diesen Code als herunterladbare
index.htmlzurückzugeben. Wenn weiterhin nur ein Codeblock erscheint, nutze die Schritte zum manuellen Speichern und lass die Markdown-Begrenzungszeichen weg. - Die Datei wird als Text geöffnet: Benenne
index.html.txtinindex.htmlum und öffne sie erneut im Browser. - Bilder oder Formatierungen fehlen: Bitte ChatGPT, jedes externe Asset einzubetten oder zu ersetzen, und wiederhole anschließend den Offline-Test.
- Schaltflächen funktionieren nicht: Nenne das defekte Bedienelement und bitte ChatGPT, es mit browserseitigem JavaScript ohne Framework- oder Serverabhängigkeit neu zu schreiben.
- Die Seite benötigt Anmeldung, gespeicherte Daten, Zahlungen oder Servercode: Lass die aktive Version auf ChatGPT Sites. Eine statische HTML-Kopie kann als klar gekennzeichnete Prüfversion dienen, aber die funktionierende App nicht ersetzen.
Häufig gestellte Fragen
Wie exportiere ich eine ChatGPT-Website als HTML?
Bitte ChatGPT, die aktuelle Seite als herunterladbare index.html-Datei zurückzugeben. Wenn du nur eine HTML Preview siehst, bitte um eine herunterladbare Datei oder den vollständigen HTML-Quelltext. Ist der vollständige Code sichtbar, kannst du ihn in einen reinen Texteditor kopieren und als index.html speichern.
Funktioniert das mit einer ChatGPT Site, Canvas oder einer generierten HTML-Seite?
Der Ablauf funktioniert, wenn ChatGPT eine vollständige .html-Datei bereitstellt. HummingDeck kann keine Site-URL und keinen Canvas-Freigabelink importieren. Eine statische Kopie kann browserseitige Inhalte und Interaktionen erhalten, aber keine gehosteten Funktionen wie Anmeldung, gespeicherte Daten, Zahlungen, Datenbanken oder Servercode. Lass die funktionierende App auf ChatGPT Sites und teile die HTML-Datei als Prüfversion.
Kann ich die Seite aktualisieren, ohne einen neuen Link zu senden?
Exportiere die überarbeitete Seite als weitere .html-Datei und wähle dann in HummingDeck Ersetzen. Bestehende Freigabelinks öffnen die neue Version. Du musst sie weder neu erstellen noch erneut versenden.
Braucht der Empfänger ein ChatGPT- oder HummingDeck-Konto?
Für einen normalen HummingDeck-Link ist weder ein HummingDeck- noch ein ChatGPT-Konto erforderlich. Restricted Access bestätigt den Zugriff auf ein Postfach auf der Allowlist, ohne dass der Empfänger ein HummingDeck-Konto erstellen muss.
Beweist ein persönlicher Link, wer die Seite angesehen hat?
Er ordnet die Aktivität dem Link des vorgesehenen Empfängers zu. Restricted Access gibt mehr Sicherheit darüber, welches Postfach für den Zugriff verwendet wurde. Es beweist jedoch weder die rechtliche Identität noch, wer das Gerät tatsächlich bedient hat.
Die ChatGPT-Seite kontrolliert teilen
ChatGPT hat das Erlebnis erstellt. Durch den Export als HTML ergänzt du die Freigabefunktionen, die beim regulären Teilen fehlen.
Verwandt:
- Eine einzelne HTML-Datei hosten: 8 Tools im Vergleich: wähle zwischen einem öffentlichen Host und einer Freigabeebene mit Tracking.
- Analyse zu einer HTML-Seite hinzufügen: vergleiche eingebettete Analysen mit Links auf Empfängerebene.
- Claude Design außerhalb von Anthropic teilen: nutze den eigenen Ablauf für den Export als eigenständige HTML-Datei aus Claude Design.
- Ein Claude-Projekt teilen: wähle zwischen der Freigabe des Arbeitsbereichs, eines Chats, eines Artefakts oder einer exportierten Datei.
- Eine Präsentation online teilen: vergleiche Links, Anhänge und Präsentationshosting.
