Zadn Scraper
Spider read zadn.vn in 2.3 s without a browser and returned 268 lines of clean markdown, including sections like "Onboarding", "4. Cấu tạo component" and "5. Design và content".
# Onboarding* **Tăng sự hiểu biết**: Onboarding cung cấp cho người dùng thông tin chi tiết về tính năng, chức năng và lợi ích của ứng dụng. Nó giúp người dùng có trải nghiệm tốt hơn và nhanh chóng đạt được mục tiêu của mình.* **Tạo trải nghiệm tích cực**: Nó giúp người dùng cảm thấy hài lòng và tự tin khi sử dụng ứng dụng, tạo ra một ấn tượng tốt về sản phẩm và tăng khả năng tiếp tục sử dụng ứng dụng trong tương lai.## 3. Phân loại và cách dùngHiện tại Zalo Mini App đang cung cấp 2 template như sau:Template multi-step thường dùng để giới thiệu tính năng, dịch vụ nổi bậtcủa Mini App với user bằng nhiều bước khác nhau* Ưu điểm: Mini App có nhiều không gian để hiển thị thông tinthể bỏ qua những tính năng, dịch vụ tại các bước phía sau**3.2 Single screen onboarding**Template single screen thường dùng để giới thiệu về các tính năng, dịch vụ nổi bật của Mini App với user bằng screen duy nhất* Ưu điểm: Mini App có thể hiển thị đồng thời được nhiều tính năng, dịch vụ nổi bật* Nhược điểm: Mini App ít không gian để hiện thị chi tiết cho từng tính năng, dịch vụ## 4. Cấu tạo componentTemplate được xây dựng từ component bottom-sheet của Mini App Platform. Xem thêm tại đây**4.2 Single screen onboarding**## 5. Design và content### 5.1 DesignNhằm giúp người dùng có một trải nghiệm tốt nhất, thiết kế của onboarding flow nên:* Sử dụng hình ảnh có nền trắng & trong suốt.* Hình vẽ phải được hiển thị trọn vẹn và không để viền cắt ảnh* Style vẽ đơn giản không có quá nhiều chi tiết và hạn chế nội dung trong ảnh.* Màu sắc chính của hình ảnh, button nên sử dụng màu primary của Mini App### 5.2 ContentĐể tối ưu hoá nội dung, phù hợp với hành vi Scan and Skim của đa số người dùng, nội dung Onboarding có thể chọn 1 trong 2 dạng chính sau:* Nội dung tiêu đề, mô tả ngắn gọn súc tích, trọng tâm## 6. Cấu trúc & thông số## 7. Code demo### Multi-Step Onboardingimport React, { useState, useRef } from "react";The same call, in code.
The capture above came back as markdown. These examples add a key, so you get browser rendering, proxies, and concurrency on zadn.vn.
import { SpiderBrowser } from "spider-browser";
const spider = new SpiderBrowser({
apiKey: process.env.SPIDER_API_KEY!,
});
await spider.connect();
const page = spider.page!;
await page.goto("https://zadn.vn");
// No selectors, no schema. Spider reads the page and names the fields.
const data = await page.scrape();
console.log(data);
await spider.close();import { Spider } from "@spider-cloud/spider-client";
const spider = new Spider({ apiKey: process.env.SPIDER_API_KEY! });
const result = await spider.scrapeUrl("https://www.zadn.vn", {
return_format: "markdown",
});
console.log(result);Ready for volume? Get an API key →
Fields you can pull.
Spider names these from the page. The capture above came back as markdown; the same
call with return_format: "json" returns them as keys.
What zadn.vn costs to scrape.
The capture above cost $0.000093 to fetch. Pricing is $1 per GB of pre-transformation bandwidth plus $0.001 per CPU minute, so a page like this one lands at a fraction of a cent. Failed requests are billed at $0.
- Free balance on signup
- No card required to test
- Balance never expires
Run it keyless, no account
More International scrapers.
Mercado Libre Scraper
Extract product listings, seller ratings, pricing in local currencies, and shipping data from Mercado Libre.
Rakuten Scraper
Extract product listings, store ratings, cashback offers, and pricing data from Rakuten Japan marketplace.
Flipkart Scraper
Extract product listings, seller data, pricing in INR, and delivery estimates from Flipkart India store.
Start scraping zadn.vn.
You already have the call. A key raises the rate limit and turns on browser rendering, proxies, and concurrency. Balance never expires, and top-ups go through secure checkout.