Introducing YTRanker ,an easier way to grow your YouTube channel. YTRanker is a free, open-source Blogger template that automatically turns your blog into a YouTube video gallery. It pulls videos directly from your channel, adds them to your site, and creates backlinks to boost your SEO and channel visibility.
Once you set it up, there’s nothing else to do. Every time you upload or delete a video, your blog updates automatically ,no coding, no manual changes. Just set it and forget it. More views, more engagement, more growth, on autopilot.
- ✅ Automatic Content: Fetches latest videos from any YouTube channel
- ✅ Channel Branding: Displays channel name, logo, description, and video stats
- ✅ SEO Optimized: Adds structured data, Open Graph tags, and canonical links
- ✅ Performance: Lazy loads thumbnails for better page speed
- ✅ User Experience: Supports infinite scroll & "Load More" button
- ✅ Engagement: Includes modal popup to play videos directly on the site
- ✅ Organization: Filters videos by tags/categories dynamically
- ✅ Backlinks: Auto-generates do-follow backlinks via embedded video links
Once you enter your YouTube API key and channel ID in the script:
// Configuration
const apiKey = 'YOUR_API_KEY';
const channelId = 'YOUR_CHANNEL_ID_NUMBER';The script performs the following:
- Fetches channel details including name, logo, subscriber count, and description using the YouTube Data API v3
- Retrieves recent videos using search and videos API endpoints
- Processes each video:
- Formats view counts, durations, and published dates
- Adds categories based on video tags for filtering
- Embeds each video using an iframe and links them back to YouTube, creating a backlink
- Generates SEO Metadata:
- Dynamic page title, meta description, keywords
- Open Graph (OG) tags for social sharing
- JSON-LD structured data for better search engine visibility
- Displays content in a gallery layout with:
- Responsive thumbnails
- Hover effects
- Clickable modal popup to watch videos
- Google account
- YouTube Data API v3 key
- Blogger/Blogspot website
- YouTube channel ID
-
Go to Google Cloud Console
-
Create a new project or select an existing one
-
Navigate to "APIs & Services" > "Library"
-
Search for "YouTube Data API v3" and click on it
-
Click "Enable"
-
Go to "Credentials" and click "Create Credentials" > "API key"
-
Copy your new API key
-
Visit YouTube
-
Search for the channel you want to embed
-
Go to the channel page
-
Click on "Share" or "More info" from the channel
-
Click "Share channel" and copy the channel ID
- In your Blogger dashboard, go to "Theme" > "Edit HTML"
- Search for the configuration section (Ctrl+F and search for "Configuration")
- Replace the placeholders with your actual API key and channel ID:
// Configuration
const apiKey = 'YOUR_API_KEY'; // Replace with your actual API key
const channelId = 'YOUR_CHANNEL_ID_NUMBER'; // Replace with your actual channel ID
- Save your changes
By embedding YouTube videos on your Blogspot pages:
- You create backlinks to the original YouTube videos via the iframe src and canonical URLs
- Your blog benefits from fresh dynamic content from your YouTube channel
- The template includes structured data (VideoObject and ItemList), improving your search engine visibility
- Videos increase time-on-site metrics, reducing bounce rates
- Improved YouTube video rankings
- Increased channel visibility
- Better website engagement metrics
- More organic traffic to both your website and YouTube channel
- The free YouTube Data API has usage quotas. Monitor your usage to avoid exceeding limits.
- Make sure your content complies with both YouTube and Blogger terms of service.
- Keep your API key secure and avoid exposing it in public repositories.
Created by saheermk
This project is licensed under the MIT License - see the LICENSE file for details.
If you find this project helpful, please consider giving it a star ⭐ on GitHub!
