🔥 How to Get a FREE YouTube API Key (Step-by-Step Guide)

Are you looking for a FREE YouTube API Key to integrate with OBS Studio or other streaming tools? In this quick and professional guide, I’ll walk you through the exact steps to generate your own API key in just minutes! ✅

🔗 Use your API key at: yt.obscountdown.com to enhance your YouTube streaming experience!

📌 Steps Covered:

• ✔️ Accessing Google Cloud Console
• ✔️ Enabling the YouTube Data API v3
• ✔️ Creating and managing API credentials
• ✔️ Securing your API key for safe use

🔹 How to Get a Free YouTube API Key

Follow these steps to generate your API key from Google:

• 🔗 Go to Google Cloud Console.
• 🔑 Sign in with your Google account.
• 📂 Click on "Select a Project" (top menu) and create a new project.
• 📝 Enter a project name and click "Create".
• 📚 Navigate to "APIs & Services" > "Library".
• 🔍 Search for YouTube Data API v3 and select it.
• ✅ Click the "Enable" button.
• ⚙️ Go to "APIs & Services" > "Credentials" in the left menu.
• ➕ Click on "Create Credentials" and select "API key".
• 📋 Google will generate an API key. Copy it and paste it into your application.
• 🔒 (Optional) Click "Edit API key" to set usage restrictions for security.

🎯 Once done, your API key is ready for use in OBS Studio and other tools!

🎨 How to Customize Each Element in OBS Studio with CSS

You can fully customize the appearance of your YouTube counter widget in OBS Studio using Custom CSS. Each icon, label, and odometer value has a unique id and class to give you complete styling freedom.

📌 Available Selectors

• #icon-viewers - the icon before the “Viewers” label
• #label-viewers - the text label “Viewers”
• #value-viewers - the odometer number for viewers
• #icon-views, #label-views, #value-views - for total views
• #icon-likes, #label-likes, #value-likes - for likes
• #icon-comments, #label-comments, #value-comments - for comments

🖌️ Example Custom CSS

/* Make the viewers icon red */
#icon-viewers i {
  color: red;
}

/* Change the font and size of the viewers label */
#label-viewers {
  font-family: 'Arial Black', sans-serif;
  font-size: 18px;
  color: #ffcc00;
}

/* Make the viewer count bold and larger */
#value-viewers {
  font-size: 36px;
  font-weight: bold;
  color: #00ffcc;
}

/* Hide comments section */
.stat-comments {
  display: none;
}

📥 How to Apply in OBS

1. Add the widget to OBS as a Browser Source.
2. Right-click the source > Properties.
3. Scroll down to Custom CSS.
4. Paste your custom styles there and click “OK”.

🧪 Experiment with shadows, animations, fonts, and colors it's your stream, your style!