You can make your own YouTube thumbnail downloader app and Display Admob ads to make money.
Use html code about YouTube Thumbnail Downloader app.
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>
YouTube Thumbnail Downloader
</title>
<script src="https://cdn.tailwindcss.com">
</script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"/>
<style>
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.fade-in {
animation: fadeIn 1s ease-in-out;
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-3940256099942544",
enable_page_level_ads: true
});
</script>
</head>
<body class="bg-gradient-to-r from-blue-500 to-purple-600 font-roboto min-h-screen flex items-center justify-center">
<div class="container mx-auto p-4">
<div class="max-w-xl mx-auto bg-white shadow-2xl rounded-lg p-6 transform transition duration-500 hover:scale-105">
<h1 class="text-3xl font-bold text-center mb-6 text-gray-800">
YouTube Thumbnail Downloader
</h1>
<div class="mb-6">
<label class="block text-gray-700 font-medium mb-2" for="yt-url">
YouTube Video URL
</label>
<input class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" id="yt-url" placeholder="Enter YouTube video URL" type="text"/>
</div>
<div class="text-center">
<button class="bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transform transition duration-300 hover:scale-110" id="fetch-thumbnail">
Fetch Thumbnail
</button>
</div>
<div class="mt-8 hidden fade-in" id="thumbnail-container">
<h2 class="text-2xl font-semibold text-center mb-4 text-gray-800">
Thumbnail Preview
</h2>
<div class="flex justify-center">
<img alt="YouTube video thumbnail preview" class="rounded-lg shadow-lg" height="360" id="thumbnail" src="https://storage.googleapis.com/a1aa/image/afdpJ_jgUaWgUqxNBrVkycSqkJt-gIdjqqkICy6K0DI.jpg" width="480"/>
</div>
<div class="text-center mt-6">
<a class="bg-green-500 text-white px-6 py-3 rounded-lg hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-500 transform transition duration-300 hover:scale-110" download="thumbnail.jpg" href="#" id="download-thumbnail">
Download Thumbnail
</a>
</div>
</div>
<div class="mt-8">
<ins class="adsbygoogle" data-ad-client="ca-pub-3940256099942544" data-ad-slot="1234567890" data-ad-format="auto" style="display:block"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</div>
<script>
document.getElementById('fetch-thumbnail').addEventListener('click', function() {
const url = document.getElementById('yt-url').value;
let videoId = url.split('v=')[1];
const ampersandPosition = videoId.indexOf('&');
if(ampersandPosition !== -1) {
videoId = videoId.substring(0, ampersandPosition);
}
const thumbnailUrl = `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
document.getElementById('thumbnail').src = thumbnailUrl;
document.getElementById('download-thumbnail').href = thumbnailUrl;
document.getElementById('thumbnail-container').classList.remove('hidden');
});
// Load Interstitial Ad
function loadInterstitialAd() {
const interstitial = new google.ads.interstitial({
adUnitId: 'ca-app-pub-3940256099942544/1033173712'
});
interstitial.load();
interstitial.addEventListener('loaded', () => {
interstitial.show();
});
}
// Load Rewarded Ad
function loadRewardedAd() {
const rewarded = new google.ads.rewarded({
adUnitId: 'ca-app-pub-3940256099942544/5224354917'
});
rewarded.load();
rewarded.addEventListener('loaded', () => {
rewarded.show();
});
}
// Show Interstitial Ad on Fetch Thumbnail
document.getElementById('fetch-thumbnail').addEventListener('click', loadInterstitialAd);
// Show Rewarded Ad on Download Thumbnail
document.getElementById('download-thumbnail').addEventListener('click', loadRewardedAd);
</script>
</body>
</html>
wow its great nice
ReplyDelete