Détecter les écarts visuels de pages web avec Gemini
Pour une équipe qui veut repérer les changements inattendus sur ses pages web, le workflow compare chaque page à une capture de référence. Il lit la liste des pages dans Google Sheets, demande une nouvelle capture à Apify, puis envoie les deux images à Gemini. Les pages sans changement sont écartées, et les autres sont regroupées dans une issue Linear. La génération des captures de référence se fait dans une partie séparée, à relancer seulement pour mettre ces bases à jour.
- Déclencheur
- Planifié (récurrent)
- Taille
- 24 nœuds
- Outils
- Google Drive, Google Gemini, Requêtes HTTP (API), Google Sheets, Linear
Comment fonctionne ce workflow
- 1
Le Schedule Trigger lance la partie B, et Google Sheets fournit la liste des pages à tester.
- 2
Le nœud HTTP Request appelle Apify pour générer une capture fraîche de chaque page, à côté de la capture de référence stockée dans Google Drive.
- 3
Le modèle Google Gemini reçoit les deux captures dans une Basic LLM Chain et renvoie sa réponse en JSON grâce au Structured Output Parser.
- 4
Merge rattache le résultat du test à chaque page, et Filter écarte celles où aucun changement n'a été détecté.
- 5
Aggregate regroupe les changements restants, et Linear crée une issue qui les liste au format Markdown.
Quand l'utiliser
- Vérifier qu'une mise en production n'a pas modifié l'affichage d'une page clé.
- Surveiller des pages vitrine dont le rendu ne doit pas bouger sans que l'équipe le sache.
- Suivre sur un planning une liste de pages tenue dans un tableur partagé.
À préparer avant l'import
- Un compte Apify avec une clé API, à renseigner dans n8n.
- Des identifiants Google pour Google Sheets et Google Drive.
- Une clé API Google Gemini, ajoutée aux identifiants dans n8n.
- Un accès en écriture à une équipe Linear pour créer des issues.
- La feuille d'exemple indiquée dans les notes, à copier et à adapter avec vos URL et références de captures.
Bon à savoir
Lancez d'abord la partie A pour créer les captures de référence, puis ne la relancez que pour mettre ces bases à jour. La partie B peut tourner autant de fois que nécessaire.
Installer ce template dans n8n
- Téléchargez le fichier JSON avec le bouton en haut de la page.
- Dans n8n, ouvrez le menu d'un workflow vide, choisissez « Import from File » et sélectionnez le fichier.
- Reliez vos propres identifiants à chaque nœud qui en demande un, lancez un test, puis activez le workflow.
Ce template fonctionne sur n8n auto-hébergé comme sur n8n Cloud. Les nœuds IA demandent une version récente de n8n.
Autres templates : Développement & Outils
- Récupérer le contenu d'une page web à la demandeRécupère le contenu d'une page web sur demande, pour un autre workflow ou un agent IA.
- Éviter les questions redondantes dans un formulaire généré par OpenAIUn formulaire en deux pages où OpenAI écarte les questions déjà traitées par la réponse libre de la première.
- Extraire les opérations API de la documentation avec GeminiUn template n8n qui recherche la documentation d'une liste d'API et en tire un schéma des opérations pour chaque service.
- Enrichir les tickets Zendesk avec MITRE ATT&CKAjoute le contexte MITRE ATT&CK aux tickets Zendesk, à partir d'une base vectorielle Qdrant alimentée depuis Google Drive.
- Piloter Google Agenda depuis un chat avec un serveur MCPUn serveur MCP expose vos outils Google Agenda, et un agent IA les utilise depuis un chat pour lire et modifier vos événements.
- Serveur MCP YouTube : recherche de vidéos et transcriptionsUn serveur MCP qui recherche des vidéos YouTube et récupère leurs sous-titres, avec Apify comme source de données.
Vous voulez ce workflow branché sur vos outils ?
Ce template est un point de départ. Nous l'adaptons à vos règles, à vos comptes et à votre hébergement, puis nous le maintenons.
Voir notre accompagnement n8n