|
| 1 | +--- |
| 2 | +title: 'Chrome' |
| 3 | +description: 'Extract data from any webpage directly in your browser' |
| 4 | +icon: 'chrome' |
| 5 | +--- |
| 6 | + |
| 7 | +## Overview |
| 8 | + |
| 9 | +The ScrapeGraphAI Chrome Extension brings the power of our AI-driven data extraction directly to your browser. With a simple prompt, you can extract structured data from any webpage you're visiting, making web research and data collection effortless. |
| 10 | + |
| 11 | +<Note> |
| 12 | +Install the extension from the [Chrome Web Store](https://chromewebstore.google.com/detail/scrapegraphai/keccjglpnpkialnoaoigiboeghioehfb) |
| 13 | +</Note> |
| 14 | + |
| 15 | +<Frame> |
| 16 | + <img src="/services/images/chrome-extension.png" alt="ScrapeGraphAI Chrome Extension" /> |
| 17 | +</Frame> |
| 18 | + |
| 19 | + |
| 20 | +## Key Features |
| 21 | + |
| 22 | +<CardGroup cols={2}> |
| 23 | + <Card title="One-Click Access" icon="mouse-pointer"> |
| 24 | + Extract data from any webpage with a single click |
| 25 | + </Card> |
| 26 | + <Card title="Natural Language Prompts" icon="comments"> |
| 27 | + Describe what you want to extract in plain English |
| 28 | + </Card> |
| 29 | + <Card title="Structured Output" icon="table"> |
| 30 | + Get clean, structured JSON data |
| 31 | + </Card> |
| 32 | + <Card title="Browser Integration" icon="browser"> |
| 33 | + Seamless integration with your browsing experience |
| 34 | + </Card> |
| 35 | +</CardGroup> |
| 36 | + |
| 37 | +## Getting Started |
| 38 | + |
| 39 | +### API Key Setup |
| 40 | + |
| 41 | +First, you'll need to get your ScrapeGraphAI API key: |
| 42 | + |
| 43 | +<Frame> |
| 44 | + <img src="/services/images/chrome-api-key.png" alt="Chrome Extension API Key Setup" /> |
| 45 | +</Frame> |
| 46 | + |
| 47 | +1. Get your API key from the [dashboard](https://dashboard.scrapegraphai.com) |
| 48 | +2. Click the ScrapeGraphAI icon in your toolbar |
| 49 | +3. Enter your API key in the settings |
| 50 | +4. Click Save to store your API key securely |
| 51 | + |
| 52 | +### Usage |
| 53 | + |
| 54 | +Once your API key is set up, you can start extracting data: |
| 55 | + |
| 56 | +<Frame> |
| 57 | + <img src="/services/images/firefox-main-view.png" alt="Chrome Extension Main View" /> |
| 58 | +</Frame> |
| 59 | + |
| 60 | +1. Navigate to any webpage you want to extract data from |
| 61 | +2. Click the ScrapeGraphAI icon in your toolbar |
| 62 | +3. Enter your prompt describing what information you want to extract |
| 63 | +4. Click Extract to receive structured JSON data based on your prompt |
| 64 | + |
| 65 | +### Example: Reddit Posts Extraction |
| 66 | + |
| 67 | +Here's an example of extracting posts from Reddit: |
| 68 | + |
| 69 | +```text |
| 70 | +"List me all the posts in the page, extracting title, post url, image url, upvotes and comments" |
| 71 | +``` |
| 72 | + |
| 73 | +The extension will return structured JSON data like this: |
| 74 | + |
| 75 | +```json |
| 76 | +{ |
| 77 | + "posts": [ |
| 78 | + { |
| 79 | + "title": "Example Reddit Post Title", |
| 80 | + "post_url": "https://reddit.com/r/example/post1", |
| 81 | + "image_url": "https://i.redd.it/example1.jpg", |
| 82 | + "upvotes": 1234, |
| 83 | + "comments": 56 |
| 84 | + }, |
| 85 | + { |
| 86 | + "title": "Another Reddit Post", |
| 87 | + "post_url": "https://reddit.com/r/example/post2", |
| 88 | + "image_url": "https://i.redd.it/example2.jpg", |
| 89 | + "upvotes": 789, |
| 90 | + "comments": 23 |
| 91 | + } |
| 92 | + // ... more posts |
| 93 | + ] |
| 94 | +} |
| 95 | +``` |
| 96 | + |
| 97 | +## Example Use Cases |
| 98 | + |
| 99 | +### Research |
| 100 | +- Extract company information |
| 101 | +- Gather product details |
| 102 | +- Collect article data |
| 103 | +- Compile contact information |
| 104 | + |
| 105 | +### Data Collection |
| 106 | +- Market research |
| 107 | +- Competitive analysis |
| 108 | +- Content aggregation |
| 109 | +- Price monitoring |
| 110 | + |
| 111 | +### Personal Use |
| 112 | +- Save article summaries |
| 113 | +- Extract recipe ingredients |
| 114 | +- Compile reading lists |
| 115 | +- Save product comparisons |
| 116 | + |
| 117 | +## Example Prompts |
| 118 | + |
| 119 | +Here are some example prompts you can use with the extension: |
| 120 | + |
| 121 | +```text |
| 122 | +"Extract the main article content, author, and publication date" |
| 123 | +"Get all product information including price, features, and specifications" |
| 124 | +"Find all contact information including email, phone, and social media links" |
| 125 | +"Extract company information including location, size, and industry" |
| 126 | +``` |
| 127 | + |
| 128 | +## Best Practices |
| 129 | + |
| 130 | +### Writing Effective Prompts |
| 131 | +1. Be specific about what you want to extract |
| 132 | +2. Include all relevant fields in your prompt |
| 133 | +3. Use clear, natural language |
| 134 | +4. Consider the structure of your desired output |
| 135 | + |
| 136 | +### Tips for Better Results |
| 137 | +- Wait for the page to load completely before extraction |
| 138 | +- Ensure you have access to all content you want to extract |
| 139 | +- Use specific terminology when requesting technical information |
| 140 | +- Review the extracted data for accuracy |
| 141 | + |
| 142 | +## Privacy & Security |
| 143 | + |
| 144 | +- The extension only accesses webpage content when explicitly triggered |
| 145 | +- Data is processed securely through ScrapeGraphAI's servers |
| 146 | +- No personal browsing data is stored or tracked |
| 147 | +- Complies with Google's Chrome Web Store policies |
| 148 | + |
| 149 | +## Support & Resources |
| 150 | + |
| 151 | +<CardGroup cols={2}> |
| 152 | + <Card title="Documentation" icon="book" href="/introduction"> |
| 153 | + Comprehensive guides and tutorials |
| 154 | + </Card> |
| 155 | + <Card title="Community" icon="discord" href="https://discord.gg/uJN7TYcpNa"> |
| 156 | + Join our Discord community |
| 157 | + </Card> |
| 158 | + <Card title="GitHub" icon="github" href="https://github.com/ScrapeGraphAI"> |
| 159 | + Check out our open-source projects |
| 160 | + </Card> |
| 161 | + < Card title="Support" icon="headset" href="mailto:[email protected]"> |
| 162 | + Get help with the extension |
| 163 | + </Card> |
| 164 | +</CardGroup> |
| 165 | + |
| 166 | +<Card title="Ready to Start?" icon="rocket" href="https://chrome.google.com/webstore/detail/scrapegraphai-extension"> |
| 167 | + Install the Chrome extension now and start extracting data with ease! |
| 168 | +</Card> |
0 commit comments