Le partage standard de ChatGPT suffit lorsque le but est simplement de permettre à quelqu'un d'ouvrir un prototype ou une présentation. Il peut être insuffisant pour un devis, une présentation destinée à des investisseurs, un prototype client ou un rapport. Vous pouvez avoir besoin d'attribuer l'activité à un destinataire précis, de recueillir une adresse e-mail avant l'accès, de limiter l'accès à des adresses externes approuvées, de faire expirer le lien ou de savoir quelles pages et sections ont retenu l'attention.
C'est là qu'intervient un service de partage HTML avec suivi. Demandez à ChatGPT un fichier HTML unique à télécharger, importez-le dans le service et envoyez un lien suivi à chaque destinataire.
HummingDeck est notre produit. Dans ce guide, il sert de couche de partage après la création du fichier HTML téléchargeable par ChatGPT.
Ce qu'ajoute un lien HTML suivi
| Lorsque vous devez... | La couche de partage doit fournir |
|---|---|
| Attribuer l'engagement à un destinataire précis | Un lien personnel distinct pour chaque destinataire |
| Recueillir une adresse e-mail avant la consultation | Une étape Email Capture avant l'accès |
| Limiter l'accès à des adresses externes approuvées | Une allowlist d'adresses e-mail vérifiées |
| Mettre fin à l'accès automatiquement ou à la demande | L'expiration du lien et la révocation manuelle |
| Mettre la page à jour sans envoyer de nouveau lien | Réimporter le HTML tout en conservant les liens de partage existants |
| Comprendre ce qui a retenu l'attention | Le temps par page ou section, le taux de complétion et le parcours d'engagement |
HummingDeck fournit ces contrôles pour les fichiers HTML importés. Les liens personnels, le suivi de base des consultations, le remplacement de fichier et la révocation manuelle sont disponibles avec le forfait Free. Le temps par page ou section et l'expiration des liens sont disponibles à partir de Starter. Email Capture et Restricted Access sont disponibles à partir de Pro. Comparer les forfaits HummingDeck.
Si vous avez seulement besoin d'une URL publique, notre guide pour héberger et partager un fichier HTML unique compare huit options. Poursuivez ici si vous avez besoin de contrôles au niveau de chaque destinataire.
Ce processus concerne les pages statiques. Si le site en ligne sur ChatGPT Sites dépend d'une connexion, de données enregistrées, de paiements ou de code serveur, conservez cette version hébergée et utilisez le HTML uniquement comme copie de révision.
Transformer la page ChatGPT en un seul fichier HTML
ChatGPT peut présenter le résultat sous forme de Site, de Canvas ou HTML Preview, ou de fichier généré. HummingDeck a besoin du fichier. Il n'importe ni une URL ChatGPT Sites ni un lien de partage Canvas. Revenez à la conversation qui a créé la page et demandez une copie statique :
Renvoie la dernière version sous la forme d'un fichier index.html unique et autonome que je peux télécharger.
Conserve la mise en page et les interactions dans le navigateur sans dépendre d'un serveur.
Intègre ou remplace les images, polices, icônes, scripts et autres ressources externes afin que le fichier fonctionne hors ligne.
Supprime ou remplace tout élément nécessitant une clé API, une base de données, une connexion ou un backend.
Renvoie index.html sous forme de fichier téléchargeable, pas seulement dans un bloc de code.
Si la réponse affiche un fichier .html généré avec une commande de téléchargement, téléchargez-le et conservez l'extension .html (documentation sur le traitement des fichiers). Si ChatGPT affiche uniquement une HTML Preview, demandez un fichier .html téléchargeable ou le code source HTML complet. N'utilisez la méthode d'enregistrement manuel ci-dessous que si l'intégralité du code source est visible.
Si ChatGPT renvoie uniquement le code HTML complet dans un bloc de code :
- Copiez le document complet, depuis
<!doctype html>ou<html>jusqu'à la balise fermante</html>. - Collez-le dans un éditeur de texte brut.
- Enregistrez-le sous le nom
index.htmlavec l'encodage UTF-8. - Vérifiez que l'éditeur n'a pas ajouté
.txtau nom du fichier.
Lors de notre test du 7 août 2026, ChatGPT Sites n'affichait aucune commande d'export HTML. Nous avons donc demandé un fichier index.html généré dans la conversation d'origine. Le fichier a fonctionné hors ligne et après son import dans HummingDeck.
Si ChatGPT renvoie un projet React ou Vite avec un fichier package.json, vous avez reçu du code source qui doit encore être compilé et déployé. Ne demandez un seul fichier index.html statique que si une copie de révision sans le backend en ligne suffit.
Tester le HTML avant de l'importer
Ouvrez le fichier téléchargé dans votre navigateur et utilisez-le comme le ferait le destinataire.
- Ouvrez et examinez toute la page. L'affichage du code brut signifie généralement que le fichier s'appelle
index.html.txtou que son balisage est incomplet. Consultez chaque diapositive, section et écran de résultat. - Testez les interactions et les ressources hors ligne. Essayez la navigation, les onglets, les calculateurs, les formulaires, les boutons, les images, les icônes et les polices sans connexion Internet.
- Recherchez les secrets dans le code source. Toute personne qui reçoit le fichier HTML peut l'inspecter. Ne placez jamais de clé API, de mot de passe ou de jeton privé dans le fichier.
Si la page ne fonctionne pas hors ligne, revenez dans ChatGPT et demandez-lui d'intégrer ou de remplacer la dépendance manquante.
Ajouter le suivi et les contrôles d'accès avec HummingDeck
Une fois que le fichier fonctionne de façon autonome, importez ce fichier précis dans HummingDeck :
- Ouvrez la page de partage HTML de HummingDeck et importez le fichier
.html. - Testez à nouveau la version importée.
- Créez un lien personnel pour chaque destinataire.
- Choisissez les paramètres d'accès et d'expiration dont vous avez besoin, puis envoyez le lien.
Lorsque ChatGPT produit une révision, utilisez Remplacer sur le document et importez le nouveau fichier .html. Les liens déjà créés pointeront vers la nouvelle version, vous n'aurez donc pas besoin de les renvoyer.
Le suivi attribue l'activité, pas l'identité
Email Capture enregistre l'adresse saisie par un visiteur. Un lien personnel attribue l'activité au destinataire prévu, mais ce lien peut être transféré. Restricted Access vérifie que le visiteur a accès à une boîte e-mail figurant sur l'allowlist, pas son identité légale. Le filtrage des robots réduit le bruit des scanners, mais aucun filtre ne détecte tous les événements automatisés.
Notre comparatif des solutions d'analyse HTML explique la différence entre les analyses agrégées d'un site et les liens associés à chaque destinataire.
Résoudre les problèmes d'export courants
- ChatGPT a renvoyé du code au lieu d'un fichier : demandez-lui de renvoyer ce code exact sous la forme d'un fichier
index.htmltéléchargeable. S'il fournit encore un bloc de code, suivez la méthode d'enregistrement manuel ci-dessus sans reprendre les délimiteurs Markdown. - Le fichier s'ouvre comme du texte : renommez
index.html.txtenindex.html, puis ouvrez-le à nouveau dans un navigateur. - Les images ou les styles manquent : demandez à ChatGPT d'intégrer ou de remplacer chaque ressource externe, puis recommencez le test hors ligne.
- Les boutons ne fonctionnent pas : indiquez le contrôle défectueux et demandez à ChatGPT de le réécrire en JavaScript côté navigateur, sans dépendance à un framework ou à un serveur.
- La page nécessite une connexion, des données enregistrées, des paiements ou du code serveur : conservez la version en ligne sur ChatGPT Sites. Une copie HTML statique peut servir de maquette de révision clairement identifiée, mais elle ne peut pas remplacer l'application fonctionnelle.
Questions fréquentes
Comment exporter un site ChatGPT en HTML ?
Demandez à ChatGPT de renvoyer la dernière version de la page sous forme de fichier index.html téléchargeable. Si vous voyez seulement une HTML Preview, demandez un fichier téléchargeable ou le code source HTML complet. Lorsque le code complet est visible, vous pouvez le copier dans un éditeur de texte brut et l'enregistrer sous le nom index.html.
Puis-je utiliser cette méthode avec ChatGPT Sites, Canvas ou une page HTML générée ?
Ce processus fonctionne lorsque ChatGPT fournit un fichier .html complet. HummingDeck ne peut importer ni une URL ChatGPT Sites ni un lien de partage Canvas. Une copie statique peut conserver le contenu et les interactions côté navigateur, mais pas les fonctions hébergées telles que la connexion, les données enregistrées, les paiements, les bases de données ou le code serveur. Conservez l'application fonctionnelle sur ChatGPT Sites et partagez le HTML comme copie de révision.
Puis-je mettre la page à jour sans envoyer de nouveau lien ?
Exportez la page révisée dans un nouveau fichier .html, puis utilisez Remplacer dans HummingDeck. Les liens de partage existants ouvriront la nouvelle version, vous n'aurez donc pas à les recréer ni à les renvoyer.
Le destinataire a-t-il besoin d'un compte ChatGPT ou HummingDeck ?
Un lien HummingDeck standard ne nécessite aucun compte HummingDeck ou ChatGPT. Restricted Access vérifie une adresse figurant sur l'allowlist, sans obliger le destinataire à créer un compte HummingDeck.
Un lien personnel prouve-t-il qui a consulté la page ?
Il attribue l'activité au lien du destinataire prévu. Restricted Access donne davantage de certitude sur l'adresse utilisée pour accéder au contenu, mais ne prouve ni l'identité légale ni qui utilisait réellement l'appareil.
Partager la page ChatGPT avec des contrôles
ChatGPT a créé l'expérience. Son export en HTML permet d'ajouter les contrôles de diffusion absents du partage standard.
À lire aussi :
- Héberger un fichier HTML unique : 8 outils comparés : choisissez entre un hébergeur public et une couche de partage avec suivi.
- Ajouter des analyses à une page HTML : comparez les analyses intégrées et les liens associés à chaque destinataire.
- Partager Claude Design en dehors d'Anthropic : suivez le processus dédié à l'export HTML autonome depuis Claude Design.
- Partager un projet Claude : choisissez entre le partage de l'espace de travail, d'une conversation, d'un artefact ou d'un fichier exporté.
- Partager une présentation en ligne : comparez les liens, les pièces jointes et l'hébergement de présentations.
