Free Keyword Research Tool for Youtube
<!DOCTYPE html>
<html>
<head>
<title>YouTube Keyword Research Tool</title>
<link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css”>
<style>
.container {
margin-top: 50px;
}
</style>
</head>
<body>
<div class=”container”>
<h2>YouTube Keyword Research Tool</h2>
<div class=”form-group”>
<label for=”keywordInput”>Enter a keyword:</label>
<input type=”text” class=”form-control” id=”keywordInput” placeholder=”Keyword”>
</div>
<button type=”button” class=”btn btn-primary” onclick=”searchKeywords()”>Search</button>
<div id=”results” class=”mt-4″></div>
</div>
<script src=”https://code.jquery.com/jquery-3.5.1.slim.min.js”></script>
<script src=”https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js”></script>
<script>
function searchKeywords() {
var keyword = document.getElementById(‘keywordInput’).value.trim();
if (keyword !== ”) {
axios.get(‘https://www.googleapis.com/youtube/v3/search’, {
params: {
part: ‘snippet’,
q: keyword,
type: ‘video’,
maxResults: 10,
key: ‘YOUR_YOUTUBE_API_KEY’
}
})
.then(function (response) {
displayResults(response.data.items);
})
.catch(function (error) {
console.log(error);
});
}
}
function displayResults(items) {
var resultsDiv = document.getElementById(‘results’);
resultsDiv.innerHTML = ”;
if (items.length > 0) {
var ul = document.createElement(‘ul’);
ul.className = ‘list-group’;
for (var i = 0; i < items.length; i++) {
var item = items[i];
var li = document.createElement(‘li’);
li.className = ‘list-group-item’;
li.innerHTML = ‘<a href=”https://www.youtube.com/watch?v=’ + item.id.videoId + ‘” target=”_blank”>’ + item.snippet.title + ‘</a>’;
ul.appendChild(li);
}
resultsDiv.appendChild(ul);
} else {
resultsDiv.innerHTML = ‘No results found.’;
}
}
</script>
</body>
</html>