用 Gemini 智能体从截图里抓取商品页面数据

用 Gemini 智能体从截图里抓取商品页面数据

一个 n8n 工作流，从 Google 表格里读取一份页面地址清单，通过 ScrapingBee 给每个页面截一张整页图。一个基于 Gemini 的 AI 智能体从图片里读出商品、价格、品牌和促销。图片不够时，智能体会调用第二条路线，把页面 HTML 取回来转成 Markdown。结果变成 Results 工作表里的各行。

包里有什么

• workflow.json：n8n 导出的工作流，二十九个节点：十四个会运行的和十五张便签。里面没有任何凭据。
• README.md：这份设置说明，压缩包里的是英文版。

我们相对原来的副本改了什么

• 凭据的关联都删掉了。请为 Google 服务账号和 Gemini 选你自己的。
• 模型原来是 models/gemini-1.5-pro-latest。Google 的模型和弃用页面（2026 年 11 月 12 日查阅）里完全没有列出任何 Gemini 1.5 模型。节点现在用 models/gemini-3.8-flash，模型页面把它列为 Stable，支持图片输入和结构化输出。
• ScrapingBee 的密钥原来已经是占位符 <your_scrapingbee_apikey>。现在在两个请求里都是 <YOUR_SCRAPINGBEE_API_KEY>。
• 截图请求原来只发 screenshot_full_page。ScrapingBee 的文档把 screenshot 和 screenshot_full_page 列为两个独立的选项，而且它自己的示例两个都发，所以这个版本两个都发。
• HTML-based Scraping Tool 里原来是原作者自己的工作流 ID。现在是空的。导入之后，在里面选中这同一个工作流。
• 表格 ID 是 <YOUR_SHEET_ID>，工作表是 List of URLs 和 Results。
• Create Rows 节点原来把商品标题写进名为 product_url 的列。现在这一列是 product_title。
• 智能体的提示末尾原来有一行多余的 Copy code，还有一个示例在 promo_percent 下用了真假值和数字。解析器的示例用的是文字值和键 promo_percentage。提示里的示例现在和解析器一致了。
• 便签改写了。其中一张链接到原作者的示例表格，这个链接去掉了。
• 别的都没改。

开始之前

• 一个 n8n 实例，n8n Cloud 或自己的服务器都行。
• 一个 ScrapingBee 账户和 API 密钥。它的文档说，渲染 JavaScript 的请求（这是默认的）要花 5 个额度。
• 一个 Google 服务账号，表格共享给它的地址，再加一个 Gemini API 密钥。
• 一张有两个工作表的 Google 表格。List of URLs 的第 1 行是表头 url，每行一个地址。Results 的表头是 category、product_title、product_price、product_brand、promo 和 promo_percent。

设置

1. 在 n8n 里新建一个工作流，打开它的菜单，选 Import from File，选中 workflow.json。
2. 添加一个 Google 服务账号凭据，在 Google Sheets - Get list of URLs 和 Google Sheets - Create Rows 里选中它。在两个节点里都换掉 <YOUR_SHEET_ID>，并检查工作表的名字。
3. 在 ScrapingBee- Get page HTML 和 ScrapingBee - Get page screenshot 里，把 <YOUR_SCRAPINGBEE_API_KEY> 换成你的密钥。
4. 添加一个 Gemini 凭据，在 Google Gemini Chat Model 里选中它。
5. 在 HTML-based Scraping Tool 的 Workflow 字段里，选中这同一个工作流。
6. 往 List of URLs 里加几个地址，点 Test workflow。

一次运行的过程

1. 手动触发启动 Google Sheets - Get list of URLs，它读取各行。
2. Set fields 保留每行的 url。
3. ScrapingBee - Get page screenshot 带着地址调用 ScrapingBee，screenshot 和 screenshot_full_page 设成 true，再加一个浏览器风格的 User-Agent 请求头。图片作为文件返回，旁边是这一行的 JSON。
4. Vision-based Scraping Agent 收到图片和一条带地址的消息。它的 system message 要求给出标题、价格、品牌和促销，并说只有缺东西时才调用 HTML 工具。
5. 这个工具用地址作为 query，启动这同一个工作流里的 HTML-Scraping Tool。Set fields - from AI agent query 把它变成 url，ScrapingBee- Get page HTML 取回页面，HTML to Markdown 做转换。data 字段回到智能体手里。
6. Structured Output Parser 把答案定型成商品列表，智能体把它作为 output 返回。Split Out 给每个商品生成一个条目。
7. Google Sheets - Create Rows 为每个条目加一行。category 放页面地址，promo_percent 取 promo_percentage 的值。

改变风格

• 提取什么：智能体的 system message 和 Structured Output Parser 里的示例。
• 列：Google Sheets - Create Rows 里的映射和 schema。
• 模型：Google Gemini Chat Model。
• 触发：把手动触发换成定时触发。

注意事项

• 抓取可能违反网站的规则。请核对你列出的每个网站的条款，以及你所在地的法律。ScrapingBee 的条款（2026 年 11 月 12 日查阅）也禁止违反被抓取网站自身条款的用法。
• 每个页面截图用一次 ScrapingBee 请求，智能体需要 HTML 时再用第二次，另外还有 Gemini 的调用。
• 智能体可能读错价格，所以请检查 Results 工作表。
• 这个版本没有对 ScrapingBee、Gemini 或 Google Sheets 运行过。
• 页面地址和截图会发给 ScrapingBee 和 Google 的 Gemini，各行会发到你的表格。
• JSON 里没有任何凭据。