A beautiful, responsive web application that provides detailed analytics for any YouTube channel using the official YouTube Data API v3.
- 📊 Comprehensive Analytics: Get detailed statistics for any YouTube channel
- 🎨 Modern UI: Beautiful gradient design with smooth animations
- 📱 Responsive Design: Works perfectly on desktop, tablet, and mobile devices
- ⚡ Real-time Data: Fetches live data directly from YouTube's official API
- 🔍 Flexible Search: Support multiple input formats (URLs, usernames, channel IDs)
- 📈 Key Metrics: Displays subscriber count, video count, total views, and channel creation date
Try different channel formats:
@MrBeasthttps://youtube.com/@MrBeastUCX6OQ3DkcsbYNE6H8uQQuVAMrBeast
- A web browser
- YouTube Data API v3 key (free from Google Cloud Console)
- Go to Google Cloud Console
- Create a new project or select an existing one
- Enable the YouTube Data API v3
- Navigate to Credentials → Create Credentials → API Key
- Copy your API key
- Clone this repository:
git clone https://github.com/yourusername/youtube-channel-analytics.git
cd youtube-channel-analytics-
Open
index.htmlin your web browser -
Enter your YouTube API key in the designated field
-
Start analyzing channels!
| Format | Example |
|---|---|
| Channel URL | https://youtube.com/@MrBeast |
| Username with @ | @MrBeast |
| Username only | MrBeast |
| Channel ID | UCX6OQ3DkcsbYNE6H8uQQuVA |
| Custom URL | https://youtube.com/c/MrBeast |
- 👥 Subscriber Count: Total number of subscribers (formatted: 1.2M, 15K, etc.)
- 🎥 Video Count: Total number of uploaded videos
- 👀 View Count: Total channel views across all videos
- 📅 Channel Age: Year the channel was created
- 🖼️ Channel Info: Profile picture, name, and description
- HTML5 - Structure and semantic markup
- CSS3 - Modern styling with gradients, animations, and flexbox/grid
- Vanilla JavaScript - API calls and DOM manipulation
- YouTube Data API v3 - Official Google API for YouTube data
GET /youtube/v3/channels- Channel information and statisticsGET /youtube/v3/search- Channel search by username
- Error Handling: Comprehensive error messages for common issues
- Loading States: Visual feedback during API calls
- Responsive Design: Mobile-first approach with CSS Grid and Flexbox
- Accessibility: Semantic HTML and proper contrast ratios
- Performance: Optimized API calls and efficient DOM updates
The app uses a modern gradient color palette:
- Primary:
#667eeato#764ba2 - Accent:
#ff6b6bto#ff8e8e - Cards: Various gradient combinations
Key CSS classes for customization:
.stat-card- Individual metric cards.search-section- Input and search area.results-section- Analytics display area
- No Data Storage: The app doesn't store any user data or API keys
- Client-Side Only: All processing happens in your browser
- Official API: Uses only YouTube's official, approved API endpoints
- Terms Compliant: Fully compliant with YouTube's Terms of Service
- API Quotas: Google provides 10,000 free API calls per day
- Rate Limiting: Built-in delays prevent API abuse
- Public Data Only: Can only access publicly available channel information
- No Downloads: Does not download or cache any video content
Contributions are welcome! Here's how you can help:
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Add video analytics for recent uploads
- Include engagement rate calculations
- Add export functionality for data
- Implement channel comparison features
- Add historical data tracking
- Include social media links extraction
This project is licensed under the MIT License - see the LICENSE file for details.
This tool is for educational and analytical purposes only. It uses YouTube's official API and complies with their Terms of Service. Users are responsible for obtaining their own API keys and using the tool responsibly.
Having issues? Here are common solutions:
❌ "API Error" or "Invalid API Key"
- Verify your API key is correct
- Ensure YouTube Data API v3 is enabled in your Google Cloud project
- Check that your API key has the proper permissions
❌ "Channel not found"
- Try different input formats (URL, username, channel ID)
- Ensure the channel exists and is public
- Check for typos in the channel name
❌ "Quota exceeded"
- You've reached the daily API limit (10,000 requests)
- Wait until the next day or upgrade your Google Cloud plan
- GitHub: @developeranveshraman
- Email: support@anveshraman.rf.gd
- Issues: GitHub Issues
Made with ❤️ by developeranveshraman | ⭐ Star this repo if you found it helpful!