MartsoBodziu1994's picture
Martseniuk Bogdan, [25.08.2025 4:01]
01269ef verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube Engagement Bot</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#FF0000',
secondary: '#282828',
dark: '#0F0F0F',
light: '#F1F1F1'
},
fontFamily: {
sans: ['Inter', 'sans-serif']
}
}
}
}
</script>
<style>
.glass-effect {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.gradient-bg {
background: linear-gradient(135deg, #FF0000 0%, #B22222 100%);
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.code-block {
background: #1e1e1e;
border-radius: 0.5rem;
padding: 1.5rem;
font-family: 'Courier New', monospace;
overflow-x: auto;
}
</style>
</head>
<body class="bg-dark text-light font-sans">
<!-- Navigation -->
<nav class="fixed w-full z-50 glass-effect py-4 px-6 flex justify-between items-center">
<div class="flex items-center space-x-2">
<i data-feather="youtube" class="text-primary w-8 h-8"></i>
<span class="text-xl font-bold">EngageBot</span>
</div>
<div class="hidden md:flex space-x-8">
<a href="index.html" class="hover:text-primary transition">Home</a>
<a href="features.html" class="hover:text-primary transition">Features</a>
<a href="how-it-works.html" class="hover:text-primary transition">How It Works</a>
<a href="code.html" class="hover:text-primary transition">Code</a>
</div>
<button class="md:hidden">
<i data-feather="menu" class="w-6 h-6"></i>
</button>
</nav>
<!-- Hero Section -->
<section class="min-h-screen flex items-center pt-16">
<div class="container mx-auto px-6 py-20 flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-12 md:mb-0" data-aos="fade-right">
<h1 class="text-4xl md:text-6xl font-bold mb-6">
Automate Your <span class="text-primary">YouTube</span> Engagement
</h1>
<p class="text-xl text-gray-300 mb-8">
Boost your video visibility with our advanced YouTube engagement bot. Increase likes, views, and subscribers effortlessly.
</p>
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
<a href="#how-it-works" class="bg-primary hover:bg-red-700 text-white font-bold py-3 px-8 rounded-full transition transform hover:scale-105">
Get Started
</a>
<a href="#code" class="border-2 border-light hover:bg-light hover:text-dark font-bold py-3 px-8 rounded-full transition">
View Demo
</a>
</div>
</div>
<div class="md:w-1/2 flex justify-center" data-aos="fade-left">
<div class="relative">
<div class="w-64 h-64 md:w-80 md:h-80 rounded-full gradient-bg opacity-20 absolute -top-10 -left-10"></div>
<div class="w-64 h-64 md:w-80 md:h-80 rounded-full gradient-bg opacity-20 absolute -bottom-10 -right-10"></div>
<div class="relative bg-secondary rounded-2xl p-6 border border-gray-700 shadow-2xl">
<div class="flex items-center mb-4">
<div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
<div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
<div class="w-3 h-3 rounded-full bg-green-500"></div>
</div>
<div class="code-block text-sm">
<pre class="text-green-400">
import time
from googleapiclient.discovery import build
def like_video(video_id):
youtube = get_authenticated_service()
request = youtube.videos().rate(
id=video_id,
rating="like"
)
request.execute()
print("✅ Video liked successfully")</pre>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="py-20 bg-secondary">
<div class="container mx-auto px-6">
<div class="text-center mb-16" data-aos="fade-up">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Powerful Features</h2>
<p class="text-gray-400 max-w-2xl mx-auto">
Our YouTube engagement bot comes with everything you need to boost your channel's performance
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="feature-card bg-dark rounded-xl p-6 border border-gray-700 transition-all duration-300" data-aos="fade-up" data-aos-delay="100">
<div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center mb-4">
<i data-feather="thumbs-up" class="text-white w-6 h-6"></i>
</div>
<h3 class="text-xl font-bold mb-2">Auto Liking</h3>
<p class="text-gray-400">
Automatically like videos based on keywords or channels to increase engagement.
</p>
</div>
<div class="feature-card bg-dark rounded-xl p-6 border border-gray-700 transition-all duration-300" data-aos="fade-up" data-aos-delay="200">
<div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center mb-4">
<i data-feather="search" class="text-white w-6 h-6"></i>
</div>
<h3 class="text-xl font-bold mb-2">Smart Search</h3>
<p class="text-gray-400">
Find relevant videos using advanced search algorithms and keyword targeting.
</p>
</div>
<div class="feature-card bg-dark rounded-xl p-6 border border-gray-700 transition-all duration-300" data-aos="fade-up" data-aos-delay="300">
<div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center mb-4">
<i data-feather="shield" class="text-white w-6 h-6"></i>
</div>
<h3 class="text-xl font-bold mb-2">Safe Operation</h3>
<p class="text-gray-400">
Built-in safety measures to prevent detection and ensure account security.
</p>
</div>
<div class="feature-card bg-dark rounded-xl p-6 border border-gray-700 transition-all duration-300" data-aos="fade-up" data-aos-delay="400">
<div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center mb-4">
<i data-feather="clock" class="text-white w-6 h-6"></i>
</div>
<h3 class="text-xl font-bold mb-2">Scheduled Actions</h3>
<p class="text-gray-400">
Set up automated schedules for liking, commenting, and other engagement activities.
</p>
</div>
<div class="feature-card bg-dark rounded-xl p-6 border border-gray-700 transition-all duration-300" data-aos="fade-up" data-aos-delay="500">
<div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center mb-4">
<i data-feather="bar-chart-2" class="text-white w-6 h-6"></i>
</div>
<h3 class="text-xl font-bold mb-2">Analytics Dashboard</h3>
<p class="text-gray-400">
Track your engagement metrics and measure the effectiveness of your campaigns.
</p>
</div>
<div class="feature-card bg-dark rounded-xl p-6 border border-gray-700 transition-all duration-300" data-aos="fade-up" data-aos-delay="600">
<div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center mb-4">
<i data-feather="users" class="text-white w-6 h-6"></i>
</div>
<h3 class="text-xl font-bold mb-2">Multi-Account Support</h3>
<p class="text-gray-400">
Manage multiple YouTube accounts from a single dashboard for maximum efficiency.
</p>
</div>
</div>
</div>
</section>
<!-- How It Works Section -->
<section id="how-it-works" class="py-20">
<div class="container mx-auto px-6">
<div class="text-center mb-16" data-aos="fade-up">
<h2 class="text-3xl md:text-4xl font-bold mb-4">How It Works</h2>
<p class="text-gray-400 max-w-2xl mx-auto">
Getting started with our YouTube engagement bot is simple and straightforward
</p>
</div>
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right">
<div class="relative">
<div class="absolute -top-6 -left-6 w-full h-full border-2 border-primary rounded-xl"></div>
<div class="relative bg-secondary rounded-xl p-6 border border-gray-700">
<div class="flex items-center mb-4">
<div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
<div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
<div class="w-3 h-3 rounded-full bg-green-500"></div>
</div>
<div class="code-block">
<pre class="text-green-400">
# Configuration
CONFIG = {
"search_query": "technology news",
"max_likes": 50,
"delay_min": 3,
"delay_max": 10
}
# Authenticate and like videos
youtube = get_authenticated_service()
video_ids = search_videos(youtube, CONFIG["search_query"])
for video_id in video_ids:
like_video(youtube, video_id)
time.sleep(random.uniform(
CONFIG["delay_min"],
CONFIG["delay_max"]
))</pre>
</div>
</div>
</div>
</div>
<div class="md:w-1/2 md:pl-12" data-aos="fade-left">
<div class="space-y-8">
<div class="flex">
<div class="mr-4">
<div class="w-10 h-10 rounded-full gradient-bg flex items-center justify-center">
<span class="text-white font-bold">1</span>
</div>
</div>
<div>
<h3 class="text-xl font-bold mb-2">Setup Authentication</h3>
<p class="text-gray-400">
Create a Google Cloud project and obtain OAuth credentials for YouTube API access.
</p>
</div>
</div>
<div class="flex">
<div class="mr-4">
<div class="w-10 h-10 rounded-full gradient-bg flex items-center justify-center">
<span class="text-white font-bold">2</span>
</div>
</div>
<div>
<h3 class="text-xl font-bold mb-2">Configure Parameters</h3>
<p class="text-gray-400">
Set your search keywords, engagement limits, and timing preferences.
</p>
</div>
</div>
<div class="flex">
<div class="mr-4">
<div class="w-10 h-10 rounded-full gradient-bg flex items-center justify-center">
<span class="text-white font-bold">3</span>
</div>
</div>
<div>
<h3 class="text-xl font-bold mb-2">Run Automation</h3>
<p class="text-gray-400">
Execute the bot and watch as it automatically engages with relevant content.
</p>
</div>
</div>
<div class="flex">
<div class="mr-4">
<div class="w-10 h-10 rounded-full gradient-bg flex items-center justify-center">
<span class="text-white font-bold">4</span>
</div>
</div>
<div>
<h3 class="text-xl font-bold mb-2">Monitor Results</h3>
<p class="text-gray-400">
Track your engagement metrics and adjust strategies for optimal performance.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Code Section -->
<section id="code" class="py-20 bg-secondary">
<div class="container mx-auto px-6">
<div class="text-center mb-16" data-aos="fade-up">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Complete Source Code</h2>
<p class="text-gray-400 max-w-2xl mx-auto">
Here's the full implementation of our YouTube engagement bot
</p>
</div>
<div class="code-block mb-8" data-aos="fade-up">
<pre class="text-green-400">
import os
import time
import random
import logging
from googleapiclient.discovery import build
from google_auth_oauthlib.flow import InstalledAppFlow
from google.auth.transport.requests import Request
from googleapiclient.http import HttpRequest
from datetime import datetime
# Configuration
CONFIG = {
"search_query": "technology news",
"max_likes": 50,
"delay_min": 3,
"delay_max": 10,
"log_file": "youtube_bot.log"
}
# Initialize logging
logging.basicConfig(
filename=CONFIG["log_file"],
level=logging.INFO,
format='%(asctime)s - %(levelname)s - %(message)s'
)
def get_authenticated_service():
"""Get authenticated service object"""
flow = InstalledAppFlow.from_client_secrets_file(
'client_secret.json',
['https://www.googleapis.com/auth/youtube.force-ssl']
)
credentials = flow.run_local_server(port=0)
return build('youtube', 'v3', credentials=credentials)
def is_video_liked(youtube, video_id):
"""Check if video is already liked"""
try:
request = youtube.videos().list(
part="snippet",
id=video_id
)
response = request.execute()
likes = response.get('items', [{}])[0].get('snippet', {}).get('likeCount', 0)
return likes > 0
except Exception as e:
logging.error(f"Error checking likes: {str(e)}")
return False
def like_video(youtube, video_id):
"""Like a video"""
try:
request = youtube.videos().rate(
id=video_id,
rating="like"
)
response = request.execute()
logging.info(f"✅ Video {video_id} liked successfully")
return True
except Exception as e:
logging.error(f"Error liking video: {str(e)}")
return False
def search_videos(youtube, query, max_results=10):
"""Search videos by keyword"""
try:
request = youtube.search().list(
q=query,
type='video',
part='id',
maxResults=max_results
)
response = request.execute()
return [item['id']['videoId'] for item in response.get('items', [])]
except Exception as e:
logging.error(f"Error searching videos: {str(e)}")
return []
def main():
"""Main bot function"""
youtube = get_authenticated_service()
liked_videos = set()
while len(liked_videos) < CONFIG["max_likes"]:
try:
# Search videos
video_ids = search_videos(youtube, CONFIG["search_query"])
if not video_ids:
logging.warning("No videos found. Retrying in 5 minutes...")
time.sleep(300)
continue
# Process results
for video_id in video_ids:
if video_id in liked_videos:
continue
if not is_video_liked(youtube, video_id):
if like_video(youtube, video_id):
liked_videos.add(video_id)
logging.info(f"✅ Video {video_id} liked successfully")
# Delay between operations
time.sleep(random.uniform(CONFIG["delay_min"], CONFIG["delay_max"]))
except Exception as e:
logging.error(f"Error in main function: {str(e)}")
time.sleep(60)
if __name__ == '__main__':
main()</pre>
</div>
<div class="text-center" data-aos="fade-up">
<button class="bg-primary hover:bg-red-700 text-white font-bold py-3 px-8 rounded-full transition transform hover:scale-105">
Download Complete Script
</button>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="py-20 gradient-bg">
<div class="container mx-auto px-6 text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-6" data-aos="fade-up">
Ready to Boost Your YouTube Engagement?
</h2>
<p class="text-xl mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100">
Join thousands of content creators who are already using our engagement bot to grow their channels.
</p>
<div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4" data-aos="fade-up" data-aos-delay="200">
<a href="how-it-works.html" class="bg-white text-dark hover:bg-gray-200 font-bold py-3 px-8 rounded-full transition transform hover:scale-105">
Get Started Now
</a>
<a href="code.html" class="bg-transparent border-2 border-white text-white hover:bg-white hover:text-dark font-bold py-3 px-8 rounded-full transition">
View Documentation
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-dark py-12 border-t border-gray-800">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-6 md:mb-0">
<div class="flex items-center space-x-2">
<i data-feather="youtube" class="text-primary w-8 h-8"></i>
<span class="text-xl font-bold">EngageBot</span>
</div>
<p class="mt-2 text-gray-500">
Advanced YouTube engagement automation
</p>
</div>
<div class="flex space-x-6">
<a href="#" class="text-gray-400 hover:text-white transition">
<i data-feather="github" class="w-6 h-6"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition">
<i data-feather="twitter" class="w-6 h-6"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition">
<i data-feather="linkedin" class="w-6 h-6"></i>
</a>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
<p>&copy; 2023 EngageBot. All rights reserved. This tool is for educational purposes only.</p>
</div>
</div>
</footer>
<script>
AOS.init({
duration: 1000,
once: true
});
</script>
<script>
feather.replace();
</script>
</body>
</html>