Chụp màn hình website đối thủ hàng loạt bằng AI Agent

Sếp gửi danh sách 50 website đối thủ và đối tác kèm một câu: "Chụp trang chủ của họ để tuần sau họp". Anh/Chị mở từng trang, cuộn xuống tận chân, chụp, đặt tên, lưu. Đến trang thứ 12 thì mắt đã mỏi, và tuần sau đối thủ đổi banner khuyến mãi thì lại phải làm lại từ đầu. Bài này hướng dẫn cách nhờ AI Agent tạo một "robot duyệt web": Anh/Chị dán danh sách link, robot tự mở từng trang, chụp trọn trang và lưu thành thư mục ảnh gọn gàng.

Đây là một bài trong chuỗi Agentic Working của EGANY: mỗi bài lấy một việc văn phòng lặp đi lặp lại và chỉ cách giao cho AI Agent, theo cách người không rành kỹ thuật cũng làm theo được.

Vấn đề: chụp từng trang bằng tay vừa chậm vừa dễ sót

Với người làm marketing, bán hàng online hay chạy quảng cáo, việc chụp lại giao diện website xuất hiện liên tục:

• Theo dõi đối thủ: họ đổi banner, đổi giá, thêm chương trình khuyến mãi lúc nào? Nếu không lưu lại, vài tuần sau không ai nhớ trang trước đó trông thế nào.
• Lưu bằng chứng giao diện: trang của đối tác có hiển thị đúng thương hiệu, đúng giá niêm yết như đã thỏa thuận không? Chụp lại có ngày giờ sẽ hữu ích khi cần đối chiếu.
• Làm báo cáo và tài liệu tham khảo: cần bộ ảnh các trang chủ cùng ngành để so sánh bố cục, cách đặt nút mua hàng, cách trình bày ưu đãi.
• Kiểm tra chính website của mình: chụp trước và sau khi đổi giao diện để so sánh.

Cách làm tay là: mở trình duyệt, gõ địa chỉ, chờ tải, dùng tiện ích chụp cuộn trang, lưu, đặt tên, rồi lặp lại. Với 50 trang đã mất cả buổi. Nếu muốn làm đều đặn mỗi tuần thì không ai muốn gánh việc này.

Giải pháp: nhờ AI Agent tạo một robot duyệt web

Anh/Chị mô tả việc cần làm, AI Agent (Claude, ChatGPT hay Gemini) viết một công cụ điều khiển trình duyệt Chrome chạy ngầm trên máy tính. "Chạy ngầm" nghĩa là trình duyệt vẫn mở từng trang thật, nhưng không hiện cửa sổ lên, giống như một nhân viên ảo ngồi lướt web thay Anh/Chị.

Công cụ làm các việc sau:

• Đọc danh sách link từ một file chữ. Mỗi dòng một địa chỉ website. Danh sách 5 hay 500 link đều chạy được.
• Chụp trọn trang từ đầu đến chân. Robot tự cuộn xuống để các ảnh tải chậm kịp hiện ra, rồi mới chụp.
• Chờ trang tải xong mới chụp. Tránh tình trạng ảnh chụp ra trang trắng hoặc ảnh sản phẩm chưa kịp hiện.
• Chọn kích thước màn hình. Giả lập màn hình máy tính lớn hoặc cả màn hình điện thoại, để xem đối thủ hiển thị thế nào với khách dùng điện thoại.
• Đặt tên ảnh theo tên website và ngày giờ chụp. Ví dụ ten-website-2026-11-03.png, nên lưu bao nhiêu lần cũng không đè lên nhau và dễ tìm lại.
• Bỏ qua trang lỗi. Trang nào không mở được thì ghi lại tên rồi làm tiếp.

Điểm cần nhớ: Anh/Chị không cần hiểu mã. Việc của Anh/Chị là mô tả đúng kết quả và kiểm tra ảnh.

Một lưu ý về cách dùng cho đúng mực: chỉ chụp các trang công khai ai cũng xem được, chạy với tốc độ vừa phải (nghỉ vài giây giữa các trang) để không gây tải cho website khác, và dùng ảnh chụp cho nghiên cứu, đối chiếu nội bộ. Không dùng nguyên hình ảnh, nội dung của đối thủ làm của mình.

Chuẩn bị trước khi bắt đầu

Anh/Chị cần:

1. Danh sách link website cần chụp, ghi vào một file chữ tên urls.txt, mỗi dòng một link đầy đủ (bắt đầu bằng https).
2. Một AI Agent chạy được mã trên máy tính, ví dụ Claude Code. Anh/Chị nói tiếng Việt, AI tự cài các thành phần cần thiết và chạy luôn.
3. Phần mềm nền tảng cho công cụ. Workflow gốc dùng Node.js (một nền tảng miễn phí giúp chạy các công cụ kiểu này). Nếu máy chưa có, AI sẽ hướng dẫn cài từng bước. Anh/Chị chỉ cần làm theo.

Mẹo: lần đầu hãy thử với 3 đến 5 link, trong đó có cả một trang nặng ảnh để xem robot xử lý ra sao.

Bước 1: giao việc cho AI bằng một đoạn mô tả rõ ràng

Anh/Chị dán đoạn yêu cầu sau vào AI Agent. Có thể giữ nguyên.

Tôi có file "urls.txt" chứa danh sách website, mỗi dòng một link.
Hãy viết và chạy một công cụ chụp ảnh màn hình hàng loạt bằng Node.js và Puppeteer
trên Windows, dành cho người không rành kỹ thuật:

1. Đọc từng link trong urls.txt, bỏ qua dòng trống.
2. Mở từng trang bằng trình duyệt chạy ngầm, chờ đến khi mạng ngừng tải dữ liệu
   rồi mới chụp.
3. Trước khi chụp, tự cuộn từ đầu đến cuối trang để các ảnh tải chậm hiện đủ,
   sau đó cuộn về đầu trang.
4. Chụp trọn trang (toàn bộ chiều dài), kích thước màn hình máy tính 1920 x 1080.
   Có tùy chọn thêm lượt chụp ở kích thước điện thoại 390 x 844.
5. Lưu ảnh vào thư mục "screenshots", đặt tên theo dạng
   "ten-website_ngay-gio.png". Không ghi đè ảnh cũ.
6. Nghỉ 3 giây giữa các trang.
7. Trang nào lỗi hoặc quá 60 giây không tải được thì ghi tên vào "loi.txt"
   và làm tiếp trang sau.
8. In tiến độ, ví dụ "Đã chụp 12/50".
9. Tạo sẵn file "run.bat" để bấm hai lần là chạy và tự cài phần còn thiếu,
   cùng một file urls.txt mẫu.

Bối cảnh: tôi làm marketing cho một doanh nghiệp bán hàng online,
cần lưu lại giao diện website đối thủ để theo dõi và báo cáo.

Vì sao viết như vậy:

• "Chờ mạng ngừng tải rồi mới chụp" và "tự cuộn trang" là hai chi tiết quyết định chất lượng ảnh. Thiếu chúng, nhiều ảnh chụp ra sẽ trống hoặc thiếu ảnh sản phẩm vì trang web chỉ tải ảnh khi khách cuộn tới.
• "Tên ảnh có ngày giờ, không ghi đè" biến thư mục ảnh thành một kho lưu trữ theo thời gian, cực hữu ích khi so sánh trước và sau.
• "Nghỉ 3 giây giữa các trang, quá 60 giây thì bỏ qua" vừa lịch sự với website được chụp, vừa tránh cả mẻ bị kẹt vì một trang chậm.
• Nêu bối cảnh marketing giúp AI hiểu đây là việc nghiên cứu, không phải gom dữ liệu hàng loạt.

Bước 2: chạy thử và kiểm tra ảnh

Chạy thử với 3 đến 5 link rồi mở thư mục screenshots. Hãy kiểm tra:

• Ảnh có đủ từ đầu đến chân trang không, hay bị cắt giữa chừng?
• Ảnh sản phẩm và banner đã hiện đủ chưa, hay còn khung xám?
• Có ảnh nào bị che bởi cửa sổ hỏi chấp nhận cookie hoặc quảng cáo bật lên không?
• Ảnh lớn thế nào? Trang rất dài có thể cho ra ảnh khá nặng.
• Tên ảnh có dễ tra cứu không?

Nếu chưa ưng, nói lại với AI bằng lời thường:

• "Tự đóng cửa sổ hỏi cookie nếu có nút Đồng ý."
• "Trang nào dài quá thì chỉ chụp phần đầu, 5000 pixel."
• "Lưu thêm một ảnh chỉ phần đầu trang (màn hình đầu tiên khách nhìn thấy) bên cạnh ảnh trọn trang."
• "Gộp tất cả ảnh vào một file PDF theo thứ tự trong danh sách."

Thường một đến hai lượt chỉnh là đủ.

Bước 3: chạy thật cho cả danh sách

Dán toàn bộ link vào urls.txt và chạy. Anh/Chị có thể làm việc khác trong lúc robot chạy, và quay lại thấy thư mục screenshots đầy dần. Xong việc, Anh/Chị có:

• Bộ ảnh trọn trang của toàn bộ danh sách, tên rõ ràng theo website và ngày giờ.
• File loi.txt cho biết trang nào không chụp được, để mở tay hoặc thử lại.

Gợi ý dùng ảnh:

1. Đưa thư mục lên ổ chung của đội, đặt tên theo tuần hoặc theo tháng.
2. Với báo cáo, chọn 5 đến 10 trang tiêu biểu và đánh dấu điểm đáng chú ý (banner mới, ưu đãi mới, cách bố trí nút mua hàng).
3. Mỗi lần chụp lại, đặt hai ảnh cũ và mới cạnh nhau để thấy ngay đối thủ đã đổi gì.

Bước 4 (tùy chọn): biến thành thói quen cho cả đội

Nếu việc này lặp lại hằng tuần, Anh/Chị có thể nhờ AI nâng cấp:

• Làm ứng dụng có giao diện: dán link vào ô, bấm "Bắt đầu", xem tiến độ, để nhân viên không rành kỹ thuật cũng dùng được.
• Hẹn giờ chạy tự động vào sáng thứ hai mỗi tuần và lưu vào thư mục theo ngày.
• Tự ghép ảnh cũ và mới của cùng một trang thành một ảnh so sánh.

Chỉ cần mô tả đúng điều mình muốn, AI sẽ viết thêm và hướng dẫn cách chạy.

Kết quả Anh/Chị nhận được

• Tiết kiệm thời gian: việc mất cả buổi chụp tay giờ chỉ còn vài phút chạy máy.
• Có kho lưu trữ theo thời gian: biết đối thủ đổi gì và khi nào, thay vì chỉ nhớ mang máng.
• Có bằng chứng giao diện: ảnh có ngày giờ trong tên file, tiện đối chiếu nội bộ.
• Báo cáo thuyết phục hơn: dùng ảnh thật thay cho mô tả bằng lời.
• Đều đặn, không phụ thuộc người rảnh hay không: việc theo dõi đối thủ không bị bỏ dở.

Mở rộng sang các việc tương tự

Cùng cách làm này, Anh/Chị có thể nhờ AI Agent kiểm tra danh sách link có còn mở được không, gom tiêu đề và mô tả của nhiều trang vào một bảng tính, hoặc kiểm tra website của mình hiển thị thế nào trên điện thoại sau mỗi lần cập nhật.

Các workflow này được EGANY tập hợp trong Agentic Working Kit. Nếu Anh/Chị bán hàng online và muốn biến những gì quan sát từ đối thủ thành cải tiến cho website của mình, Ecommerce CRO Kit hướng dẫn tối ưu chuyển đổi cùng AI Agent.

Bản gốc của workflow này (tiếng Anh, kèm đoạn yêu cầu mẫu) có trên AgenticWorking.io.

Bắt đầu từ việc nhỏ nhất

Hãy chọn 5 đối thủ trực tiếp nhất, chụp trang chủ của họ hôm nay và lưu lại. Bốn tuần sau chụp lại, Anh/Chị sẽ có ngay một bản so sánh trực quan cho buổi họp.

Nếu Anh/Chị muốn có người cùng xác định việc nào nên giao cho AI Agent trước và cách đưa vào vận hành cho cả đội, có thể đặt lịch tư vấn 1-1 với EGANY.