Comment créer un bookmarklet pour utiliser ChatGPT, Claude ou Gemini sur n’importe quelle page Web avec IA Gateway Builder

Vous êtes sur une page Web et souhaitez demander à ChatGPT, Claude ou Gemini de la résumer, de vérifier une information ou d’en extraire les points importants ?

Plutôt que de copier-coller le contenu, vous pouvez créer un bookmarklet IA : un favori de navigateur qui ouvre votre assistant directement au-dessus de la page consultée.

Dans ce tutoriel, nous allons voir comment créer ce bookmarklet, lui transmettre automatiquement l’URL de la page, utiliser le domaine consulté comme source prioritaire et ajouter vos propres sources de référence.

Résultat : un clic depuis votre navigateur → votre IA → le contexte de la page → votre question.

Avec IA Gateway Builder, il est possible de créer son propre bookmarklet IA personnalisé et de le conserver dans la barre de favoris de son navigateur.

A LIRE : 🚀 IA Gateway Builder : Le Gem personnalisé gratuit pour transformer n’importe quel site en espace conversationnel intelligent

Un bookmarklet IA est un favori de navigateur qui ouvre une interface IA sur la page consultée. Il peut récupérer l’URL de cette page, utiliser son domaine comme contexte et permettre d’interroger ChatGPT, Claude, Gemini ou d’autres assistants.

Qu’est-ce qu’un bookmarklet IA ?

Un bookmarklet est un petit script JavaScript enregistré comme un favori dans le navigateur.

Contrairement à une extension classique, il ne nécessite pas une installation complète dans Chrome.

Vous placez simplement le bookmarklet dans votre barre de favoris, puis vous cliquez dessus lorsque vous souhaitez utiliser votre assistant IA sur la page consultée.

IA Gateway Builder permet justement de générer ce type de bookmarklet. Le script peut récupérer automatiquement l’URL de la page en cours et afficher une interface conversationnelle en overlay au-dessus du site visité.

Le principe est donc très simple :

Je consulte une page → je clique sur mon bookmarklet → ma passerelle IA apparaît → je pose ma question → je choisis mon IA.

Pourquoi créer son propre bookmarklet IA ?

Le bookmarklet proposé par IA Gateway Builder peut déjà utiliser le domaine de la page consultée comme contexte et demander à l’assistant de privilégier ce domaine avec l’opérateur site:.

Mais l’intérêt devient beaucoup plus important lorsque vous ajoutez vos propres sources de référence.

Imaginons que vous fassiez de la veille sur l’intelligence artificielle.

Vous consultez un article sur un site quelconque.

Votre bookmarklet peut demander à votre IA :

Analyse cette page, puis compare ses informations avec mes sources de référence.

Votre configuration peut alors utiliser :

Page actuellement consultée
↓
Domaine de la page actuelle
↓
Vos sources préférées
↓
Autres sources si nécessaire

Vous disposez ainsi d’un véritable assistant personnel de navigation et de veille.

Comment créer un bookmarklet IA avec IA Gateway Builder ?

La création d’un bookmarklet IA ne demande pas de savoir programmer.

Le principe est très simple : vous expliquez à IA Gateway Builder ce que vous souhaitez obtenir, le Gem génère le code JavaScript correspondant, puis vous enregistrez ce code comme un favori dans votre navigateur.

Étape 1 — Ouvrir IA Gateway Builder

Commencez par ouvrir le Gem IA Gateway Builder.

🚀 Ouvrir IA Gateway Builder

Vous devez être connecté à votre compte Google pour utiliser le Gem.

Étape 2 — Décrire le bookmarklet que vous souhaitez créer

Il suffit ensuite d’expliquer au Gem ce que vous voulez.

Par exemple :

Je veux créer un bookmarklet IA qui s’affiche en superposition sur la page Web actuellement consultée. Il doit récupérer l’URL et le domaine de la page, puis me permettre de choisir entre ChatGPT, Claude et Gemini pour poser une question sur cette page.

Vous pouvez également demander des fonctions supplémentaires :

Ajoute des boutons pour résumer la page, vérifier les informations, rechercher des sources et approfondir le sujet.

Vous n’avez pas besoin de connaître JavaScript. Décrivez simplement le résultat que vous souhaitez obtenir.

Plus votre demande est précise, plus le bookmarklet pourra être adapté à votre usage.

Étape 3 — Récupérer le code généré

Une fois votre demande traitée, IA Gateway Builder génère le code JavaScript du bookmarklet.

Vous n’avez pas besoin de modifier ce code si le résultat vous convient.

Copiez simplement le code fourni par le Gem.

Astuce : si vous souhaitez modifier le bookmarklet, vous pouvez simplement retourner dans le Gem et demander une nouvelle version. Par exemple : « Ajoute un bouton pour rechercher la source originale » ou « rends la fenêtre plus compacte ».

Étape 4 — Enregistrer le code comme favori

Il ne reste plus qu’à transformer le code en favori dans votre navigateur.

Dans Chrome, ouvrez le gestionnaire de favoris ou créez directement un nouveau favori.

Donnez-lui par exemple le nom :

🔎 Mon IA Gateway

Dans le champ URL, collez le code JavaScript généré par IA Gateway Builder.

Enregistrez ensuite le favori.

Vous pouvez aussi, lorsque le Gem fournit un lien ou un élément prévu à cet effet, le faire glisser directement dans la barre de favoris.

Étape 5 — Utiliser votre bookmarklet

C’est terminé.

Ouvrez maintenant n’importe quelle page Web et cliquez sur votre favori.

Votre interface IA apparaît alors directement au-dessus de la page consultée.

Vous pouvez poser votre question, lancer l’une des actions rapides que vous avez configurées ou choisir l’assistant IA souhaité.

Le fonctionnement peut donc se résumer en quatre étapes :

Je décris ce que je veux
↓
IA Gateway Builder génère le code
↓
Je transforme le code en favori
↓
Je clique dessus depuis n’importe quelle page Web

Et si je veux modifier mon bookmarklet ?

C’est justement l’un des avantages d’IA Gateway Builder.

Vous pouvez retourner dans le Gem et lui demander de modifier votre bookmarklet existant.

Par exemple :

Ajoute un bouton « Sources » qui recherche les sources originales citées dans la page.

Ou :

Ajoute un bouton « Comparer » qui compare les informations de la page avec plusieurs sources externes.

Ou encore :

Réduis la taille de l’interface et ajoute un bouton pour la fermer.

Le Gem peut alors générer une nouvelle version du code.

Vous remplacez simplement l’ancien code dans votre favori par la nouvelle version.

Vous n’avez donc pas besoin de repartir de zéro à chaque modification.

4 prompts pour créer vos propres bookmarklets IA

L’intérêt d’IA Gateway Builder (aller sur le Gem) ne réside pas seulement dans la création d’un bookmarklet IA.

Le véritable potentiel apparaît lorsque vous adaptez votre passerelle conversationnelle à votre métier, vos habitudes de navigation et vos sources de référence.

Un journaliste n’a pas les mêmes besoins qu’un passionné de high-tech, un veilleur IA ou un professionnel de la conformité.

Le plus simple consiste donc à partir d’un prompt général, puis à demander au Gem de créer des actions rapides adaptées à votre usage.

Voici quelques exemples que vous pouvez reprendre et modifier.

1. Un bookmarklet IA universel

C’est le meilleur point de départ si vous souhaitez disposer d’un assistant capable d’analyser n’importe quelle page Web.

L’objectif est de réunir dans une seule interface les fonctions que l’on utilise le plus souvent : résumé, analyse, vérification, recherche de sources et approfondissement.

Vous pouvez demander au Gem :

Je veux créer un bookmarklet IA personnel utilisable sur n’importe quelle page Web.

Génère un bookmarklet JavaScript léger que je pourrai enregistrer dans la barre de favoris de mon navigateur.

À chaque activation, récupère automatiquement :
- l’URL de la page ;
- son titre ;
- son domaine.

Affiche une petite interface en overlay permettant de choisir mon assistant IA.

Ajoute les actions rapides suivantes :

📝 SYNTHÈSE
Résume la page en quelques points essentiels.

🔎 ANALYSER
Identifie le sujet principal, les informations importantes, les chiffres, les personnes, les organisations et les principales affirmations.

✅ VÉRIFIER
Identifie les affirmations importantes et recherche des sources fiables permettant de les confirmer ou de les nuancer.

📚 APPROFONDIR
Recherche les informations complémentaires utiles pour mieux comprendre le sujet.

⚖️ COMPARER
Compare les informations de la page avec d’autres sources pertinentes et signale les différences ou contradictions.

🔗 SOURCES
Identifie les sources importantes et recherche les sources originales lorsqu’elles sont disponibles.

Ajoute également un champ permettant de poser une question libre sur la page.

Commence toujours par la page actuellement consultée.

Lorsque c’est pertinent, utilise son domaine avec l’opérateur site:.

Privilégie les sources officielles, primaires ou spécialisées.

Distingue clairement :
- ce qui vient de la page actuelle ;
- ce qui vient des recherches externes ;
- ce qui relève de l’analyse ou de l’interprétation.

Ne présente jamais une information externe comme si elle figurait dans la page.

Garde l’interface et le code aussi légers que possible.

Génère le JavaScript complet du bookmarklet et les instructions d’installation.

Ce premier exemple permet déjà de transformer un simple favori en véritable boîte à outils IA pour le Web.

2. Un bookmarklet pour vérifier une information

Si vous consultez régulièrement des articles d’actualité, des publications techniques ou des contenus qui contiennent beaucoup de chiffres et d’affirmations, vous pouvez spécialiser votre bookmarklet dans la vérification.

Je veux créer un bookmarklet IA spécialisé dans le fact-checking des pages Web.

Génère un bookmarklet JavaScript léger utilisable depuis la barre de favoris.

À chaque activation, récupère :
- l’URL ;
- le titre ;
- le domaine de la page actuelle.

Ajoute les boutons :

📝 SYNTHÈSE
Résume la page et identifie les informations les plus importantes.

🔎 AFFIRMATIONS
Extrais les principales affirmations factuelles de la page.

✅ FACT-CHECK
Vérifie les affirmations importantes à partir de sources fiables.

Pour chaque affirmation importante, indique si elle est :
🟢 confirmée
🟠 nuancée
🔴 contredite
⚪ impossible à vérifier

Pour chaque résultat, indique les sources utilisées et explique brièvement le raisonnement.

🔗 SOURCE ORIGINALE
Lorsqu’un article cite une étude, une déclaration, une statistique ou un document, recherche si possible la source primaire correspondante.

⚖️ DEUXIÈME AVIS
Recherche des informations provenant d’autres sources afin de confirmer, nuancer ou contredire les affirmations importantes.

Ne cherche pas artificiellement à contredire la page.

Si les sources disponibles ne permettent pas de conclure, indique clairement que la vérification est insuffisante.

Distingue toujours les informations présentes sur la page des informations trouvées ailleurs.

Ajoute une zone permettant de poser une question libre.

Génère le bookmarklet complet.

Cette configuration est particulièrement intéressante pour éviter de prendre automatiquement pour argent comptant une affirmation simplement parce qu’elle apparaît dans un article.

3. Un bookmarklet pour la veille IA et high-tech

Vous pouvez également utiliser votre bookmarklet comme un outil de veille.

Dans ce cas, il est intéressant de demander à l’IA non seulement de résumer une page, mais aussi de déterminer ce qui est nouveau, de retrouver l’annonce originale et de replacer l’information dans son contexte.

Je veux créer un bookmarklet IA personnel dédié à la veille sur l’intelligence artificielle et les technologies.

Le bookmarklet doit être léger et fonctionner sur n’importe quelle page Web.

Récupère automatiquement :
- l’URL ;
- le titre ;
- le domaine.

Ajoute les boutons :

📝 SYNTHÈSE
Résume l’information essentielle et identifie ce qui est nouveau.

🆕 QUOI DE NEUF ?
Détermine ce que cette page apporte de nouveau par rapport aux informations déjà disponibles.

🔎 VÉRIFIER
Vérifie les chiffres, performances, annonces et affirmations importantes.

🏢 SOURCE OFFICIELLE
Recherche l’annonce, la documentation ou la publication officielle correspondant au sujet.

⚔️ COMPARER
Compare le produit, modèle ou service présenté avec ses principaux concurrents.

📚 HISTORIQUE
Recherche les annonces ou informations précédentes permettant de comprendre l’évolution du sujet.

📈 TENDANCES
Identifie les évolutions du secteur liées à cette information.

Ajoute une zone permettant de poser une question libre.

Commence toujours par la page actuelle et son domaine avec site:.

Pour une annonce d’entreprise, privilégie le site officiel.

Pour une information scientifique, privilégie la publication originale.

Pour une actualité, compare plusieurs sources indépendantes lorsque cela est nécessaire.

Ne transforme pas une affirmation marketing en fait établi.

Distingue toujours les informations présentes sur la page et celles découvertes lors de la recherche.

Génère un bookmarklet JavaScript léger avec cette interface.

Cette version peut être particulièrement pratique pour suivre les annonces de nouveaux modèles, les évolutions des outils IA ou les actualités des entreprises technologiques.

4. Un bookmarklet pour la lecture augmentée

Dernière possibilité : créer un assistant destiné simplement à mieux comprendre les pages que vous consultez.

Je veux créer un bookmarklet IA de lecture augmentée utilisable sur n’importe quelle page Web.

Le bookmarklet doit être très léger et afficher une petite interface en overlay.

À chaque activation, récupère automatiquement :
- l’URL ;
- le titre ;
- le domaine.

Ajoute les boutons :

⚡ EN 30 SECONDES
Donne-moi uniquement les informations indispensables à retenir de cette page.

📝 SYNTHÈSE
Résume la page de manière structurée sans perdre les informations importantes.

💡 EXPLIQUER
Explique les notions complexes de la page avec des mots simples et des exemples.

🔎 VÉRIFIER
Identifie les affirmations importantes qui méritent d’être vérifiées et recherche des sources pertinentes.

📚 APPROFONDIR
Recherche les informations complémentaires les plus utiles pour aller plus loin.

🔗 SOURCES
Identifie les sources importantes de la page et recherche les sources originales lorsqu’elles sont disponibles.

⚖️ AUTRE AVIS
Recherche des informations provenant d’autres sources afin de voir si elles confirment, nuancent ou contredisent la page.

Ajoute un champ permettant de poser une question libre.

Utilise d’abord la page actuelle et son domaine.

Lorsque c’est pertinent, utilise l’opérateur site:.

Complète avec quelques sources externes pertinentes uniquement lorsque cela apporte une réelle valeur.

Privilégie les sources primaires, officielles ou spécialisées.

Ne présente jamais une information externe comme provenant de la page actuelle.

Si plusieurs sources sont en désaccord, indique-le.

Si une information ne peut pas être vérifiée, indique-le clairement.

Garde les prompts et le code aussi courts que possible.

Génère le bookmarklet JavaScript complet.

Vous pouvez aller beaucoup plus loin

Ces quatre exemples ne sont qu’un point de départ.

Vous pouvez demander à IA Gateway Builder de remplacer les actions proposées par celles dont vous avez réellement besoin.

Par exemple, un étudiant pourrait créer les boutons :

• Fiche de révision ;
• Notions importantes ;
• Questions d’examen ;
• Expliquer simplement ;
• Sources.

Un développeur pourrait préférer :

• Documentation ;
• Expliquer le code ;
• Trouver un exemple ;
• Comparer les solutions ;
• Source officielle.

Pour la veille professionnelle, on pourra plutôt utiliser :

• Nouveauté ;
• Concurrents ;
• Source officielle ;
• Historique ;
• Vérifier.

Le principe reste toujours le même :

définir le contexte → choisir les actions → définir les sources → générer le bookmarklet → tester → améliorer.

Quelques précautions à connaître

Un bookmarklet peut accéder aux informations disponibles sur la page dans le navigateur, mais son fonctionnement dépend du navigateur, du site consulté et des services utilisés.

Évitez donc de transmettre automatiquement à une IA des informations confidentielles, privées ou sensibles présentes sur une page.

Il faut également garder à l’esprit qu’une IA peut produire des erreurs. Les résultats de recherche et les réponses générées doivent donc être vérifiés lorsqu’ils concernent une information importante.

Le bookmarklet doit être considéré comme un outil d’accès et d’analyse, et non comme une garantie de fiabilité.

Un bookmarklet IA permet de transformer une fonction très simple du navigateur en véritable raccourci vers ses assistants IA préférés.

Au lieu de copier-coller systématiquement le contenu d’une page, vous pouvez récupérer automatiquement son contexte, utiliser son domaine comme point de départ pour vos recherches et lancer différentes actions en un clic.

Avec IA Gateway Builder, vous pouvez surtout créer un bookmarklet adapté à votre propre manière de travailler.

Résumé, vérification, comparaison, recherche de sources, veille technologique ou lecture augmentée : à vous de choisir les fonctions qui vous sont réellement utiles.

Et une fois votre premier bookmarklet créé, rien ne vous empêche d’en créer plusieurs et de les organiser dans votre barre de favoris.