惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Blog — PlanetScale
Blog — PlanetScale
J
Java Code Geeks
N
Netflix TechBlog - Medium
Martin Fowler
Martin Fowler
A
About on SuperTechFans
腾讯CDC
B
Blog RSS Feed
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Microsoft Azure Blog
Microsoft Azure Blog
D
Docker
Y
Y Combinator Blog
Microsoft Security Blog
Microsoft Security Blog
F
Fortinet All Blogs
I
InfoQ
博客园 - 【当耐特】
美团技术团队
GbyAI
GbyAI
量子位
宝玉的分享
宝玉的分享
爱范儿
爱范儿
有赞技术团队
有赞技术团队
博客园 - Franky
L
LangChain Blog
阮一峰的网络日志
阮一峰的网络日志

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
How to Fetch Google Search Results via API in JavaScript ...
Anupam Patha · 2026-05-15 · via DEV Community

Anupam Pathak

If you've ever needed to pull real Google search results into your app — for a rank tracker, a research tool, a content analysis pipeline, or even a side project — you've probably hit the same wall: SERP APIs are expensive.

This post walks through how to fetch structured Google search data via a REST API in JavaScript, shows you the full response structure, and shares some honest thoughts on the cost gap between different providers I've tested.

What is a SERP API?
A SERP API (Search Engine Results Page API) returns the structured content of a search engine results page as JSON. Instead of loading google.com in a browser, you call an endpoint with a query and get back clean data: organic results, featured snippets, People Also Ask boxes, AI Overviews, ads, related searches — all parsed.

The use cases are wide: rank tracking, keyword research tools, content gap analysis, competitor monitoring, or feeding search context into an LLM pipeline.

The Basic Integration
I've been using Serpent API for this. Here's the simplest working implementation:

`javascript
// Basic SERP fetch — returns Google web results
const fetchSERP = async (query) => {
  const response = await fetch(
    `https://apiserpent.com/api/search?q=${encodeURIComponent(query)}`,
    { headers: { 'X-API-Key': 'sk_live_your_key' } }
  );

  const data = await response.json();
  return data;
};

// Usage
const results = await fetchSERP('best javascript frameworks 2025');
console.log(results.results.organic); // array of organic results

Enter fullscreen mode Exit fullscreen mode

`
That's the entire integration. One endpoint, one header, JSON response. No SDK required.

The Response Structure
Here's what a typical response object looks like (abbreviated):

json
**json — response structure
{
"success": true,
"query": "best javascript frameworks 2025",
"results": {
"organic": [
{
"position": 1,
"title": "Top JS Frameworks in 2025",
"url": "https://example.com/...",
"snippet": "React continues to dominate..."
}
// up to 100 results per query
],
"ai_overview": { /* Google AIO block if present */ },
"featured_snippet": { /* snippet box if present */ },
"people_also_ask": [ /* PAA questions + answers */ ],
"related_searches": [ /* related queries */ ],
"ads": [ /* top and bottom ads */ ]
},
"meta": {
"engine": "google",
"total_results": 100,
"country": "us"
}
}**

Switching Search Engines

The SERP API supports Google (default), Bing, Yahoo, and DuckDuckGo. You switch with a simple query parameter:

`

javascript
// Use Bing instead of Google
const bingResults = await fetch(
  'https://apiserpent.com/api/search?q=seo+tools&engine=bing',
  { headers: { 'X-API-Key': 'sk_live_your_key' } }
);

// DuckDuckGo — same pattern
const ddgResults = await fetch(
  'https://apiserpent.com/api/search?q=seo+tools&engine=duckduckgo',
  { headers: { 'X-API-Key': 'sk_live_your_key' } }
);

Enter fullscreen mode Exit fullscreen mode

`
All four engines return the same normalized JSON structure. No extra parsing logic.

Bonus: Tracking AI Citations
This is the feature I didn't expect to need but now use constantly. The AI Ranking endpoint queries ChatGPT, Claude, Gemini, and Perplexity on your behalf and returns whether your brand/domain is cited in their responses.

`plaintext

`
javascript — ai ranking
// Check if your brand appears in AI responses
const aiVisibility = await fetch(
'https://apiserpent.com/api/ai-rank?q=best+serp+api&brand=apiserpent.com',
{ headers: { 'X-API-Key': 'sk_live_your_key' } }
);
`

`

// Returns: visibility_score, cited_by[], sources[]
This is increasingly relevant as users get answers directly from AI tools rather than clicking through to websites. It's an early signal for what's being called GEO — Generative Engine Optimization.

Full pricing breakdown: apiserpent.com/pricing

Getting Started

  1. Sign up at apiserpent.com (Google OAuth, 30 seconds)
  2. Get your API key from the dashboard
  3. You start with 10 free searches — no credit card
  4. Read the docs: apiserpent.com/docs
  5. The documentation is genuinely clean. I had a working prototype calling real Google data in under 30 minutes.

If you're building anything that touches search data — rank trackers, SEO tools, content pipelines, LLM context — this is worth 10 minutes of your time to test.
Happy to answer questions about integration patterns, response edge cases (PAA structure is a bit nested), or the AI ranking feature in the comments.