Advertisement
hindi789

keyword generator script

Oct 29th, 2021
28
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.38 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <title>Keyword Generator Tool</title>
  4. <head>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="description" content="Generate Infinity Keywords for SEO without any limit, its total free"/>
  7. <meta name="robots" content="index,follow" />
  8. <meta name="keywords" content="keywords generate,keywords generator for amazon,keywords generators,keywords generator for youtube,keywords generator from text,keywords generator adwords,keywords generator seo,keywords generator from url,keywords generator wordpress,keywords generator instagram,generate keywords for my website," />
  9. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  10. <link href='https://techly360.com/how-to-create-keywords-generator-tool-in-blogger/' rel='canonical'/>
  11. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  12. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  14. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  15. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  16. <link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
  17. <style>
  18. * {
  19. box-sizing: border-box;
  20. }
  21. html {
  22. background-color: #58a3c7;
  23. }
  24. body {
  25. margin: 0;
  26. padding: 60px 0;
  27. font-family: arial, sans-serif;
  28. background-color: #58a3c7;
  29. min-height: 100vh;
  30. }
  31.  
  32. form {
  33. background-color: #fff;
  34. margin: auto;
  35. max-width: 640px;
  36. padding: 20px;
  37. border: 1px solid #ddd;
  38. border-radius: 5px;
  39. box-shadow: 0 3px 5px rgba(0,0,0,.2);
  40.  
  41. h2 {
  42. margin-top: 0;
  43. text-align: center;
  44. }
  45.  
  46. label {
  47. display: block;
  48. margin-bottom: 1em;
  49. [type=text] {
  50. font-size: inherit;
  51. display: block;
  52. width: 100%;
  53. padding: .5em;
  54. border-radius: 3px;
  55. border: 1px solid #ddd;
  56. }
  57.  
  58. span {
  59. display: block;
  60. margin-bottom: .5em;
  61. font-weight: bold;
  62. }
  63.  
  64. [type=checkbox] {
  65. + span {
  66. margin-bottom: 0;
  67. display: inline-block;
  68. vertical-align: middle;
  69. font-weight: normal;
  70. }
  71. }
  72. }
  73.  
  74. button {
  75. display: block;
  76. font-size: inherit;
  77. width: 100%;
  78. height: 2em;
  79. padding: .5em;
  80. text-transform: uppercase;
  81. background-color: #4caf50;
  82. color: #fff;
  83. border-radius: 3px;
  84. border: 0;
  85.  
  86. &:focus {
  87. outline: solid 1px #216f24;
  88. }
  89. }
  90.  
  91. meter {
  92. display: block;
  93. width: 100%;
  94. height: 2em;
  95. margin-top: 1em;
  96. overflow: hidden;
  97. border-radius: 3px;
  98. position: relative;
  99. float: left;
  100. bottom: 1em;
  101. transform: translateY(-100%);
  102. transition: height .3s ease-in-out;
  103.  
  104. &:after {
  105. content: '';
  106. display: block;
  107. box-shadow: inset 0 3px 5px rgba(0,0,0,.5);
  108. position: absolute;
  109. border-radius: 3px;
  110. width: 100%;
  111. height: 100%;
  112. z-index: 1;
  113. top: 0;
  114. left: 0;
  115. }
  116.  
  117.  
  118. &[value="0"],
  119. &[value="1"]{
  120. height: 0;
  121. }
  122. }
  123. }
  124.  
  125.  
  126. #results {
  127. background-color: #fff;
  128. max-width: 640px;
  129. margin: auto;
  130. padding: 20px;
  131. border: 1px solid #ddd;
  132. border-radius: 5px;
  133. box-shadow: 0 3px 5px rgba(0,0,0,.2);
  134. margin-top: 20px;
  135.  
  136. &:empty {
  137. display: none;
  138. }
  139. }
  140.  
  141. img {
  142. width: 100%;
  143. height: auto;
  144. }
  145. .ads {
  146. margin: auto;
  147. padding: 60px 0;
  148. max-width: 640px;
  149. box-shadow: 0 5px 15px rgba(0,0,0,.16);
  150. border-radius: 5px;
  151. margin-top: 1em;
  152. background: #fff;
  153. text-align: left;
  154. }
  155. </style>
  156. </head>
  157. <body style="background:#f20c4d;">
  158. <form action="" id="autocomplete">
  159. <h2>Free Keyword Generator</h2>
  160. <p>Using This Amazing Free Keywords Finder Tool You Can Find Unlimited Keyword Opportunities.</p>
  161. <label>
  162. <span>Keyword</span>
  163. <input type="text" name="keyword" id="keyword" placeholder="Keyword you want to know more about.">
  164. </label>
  165.  
  166. <label>
  167. <input type="checkbox" name="iterate-alpha" id="alpha">
  168. <span>Include results for "keyword [a-z]".</span>
  169. </label>
  170.  
  171. <label>
  172. <input type="checkbox" name="numbers">
  173. <span>Include results for "keyword [0-9]".</span>
  174. </label>
  175. <button type="submit">Get keywords!</button>
  176.  
  177. <meter id="progress-meter" value=0 min=0 max=1></meter>
  178. </form>
  179.  
  180. <div class="ads container">
  181. Place you Ad Code 2
  182. </div>
  183.  
  184. <div id="results"></div>
  185. </div>
  186. <br>
  187. <span style='position: fixed;right: 0px;top: 0px;background: #ffffffbf;padding: 10px;color:#000'>&#10084; Bookmark Us</span>
  188. </body>
  189. <script>
  190. var endpoint = 'https://completion.amazon.com/search/complete?mkt=1&search-alias=aps&x=queryKeywordComplete&Result&q=';
  191.  
  192. var keywords = [];
  193. var results = {};
  194. var queryIndex = 0;
  195. var meter = document.getElementById('progress-meter');
  196. var resultList = document.getElementById('results');
  197. var ranks = {};
  198.  
  199. function updateProgress() {
  200. meter.value = queryIndex / keywords.length;
  201. }
  202.  
  203. function queryKeywords() {
  204. queryIndex = 0;
  205. nextQuery();
  206. }
  207.  
  208. function nextQuery() {
  209. updateProgress();
  210.  
  211. if (queryIndex < keywords.length) {
  212. queryKeyword(keywords[queryIndex]);
  213. } else {
  214. displayResults();
  215. }
  216. }
  217.  
  218. function displayResults() {
  219. var resultHTML = '';
  220. for ( var keyword in results ) {
  221. resultHTML += `<h2>${keyword}</h2>`;
  222. resultHTML += `<ul>`;
  223.  
  224. results[keyword].forEach(function(item) {
  225. resultHTML += `<li title="${keyword}">${item}</li>`;
  226. })
  227. resultHTML += `</ul>`;
  228. }
  229.  
  230. resultList.innerHTML = resultHTML;
  231. }
  232.  
  233. function queryKeyword(keyword) {
  234. keyword = encodeURIComponent(keyword);
  235. // to get around cors and other formatting issues the result of this causes.
  236. var s = document.getElementById('az-autocomplete');
  237.  
  238. if (s) {
  239. s.remove();
  240. }
  241.  
  242. s = document.createElement("script");
  243. s.id = 'az-autocomplete';
  244. s.type = "text/javascript";
  245. s.src = `${endpoint}${keyword}`;
  246. document.body.append(s);
  247. }
  248.  
  249. function queryKeywordComplete(){
  250. queryIndex++;
  251. storeQueryResult();
  252. nextQuery();
  253. }
  254.  
  255. function storeQueryResult() {
  256. if (completion) {
  257. var keyword = completion[0];
  258. var result = completion[1];
  259. results[keyword] = result;
  260. }
  261. }
  262.  
  263. function iterateAlphabet(keyword) {
  264. var list = [];
  265.  
  266. for (var i = 0; i < 26; i++) {
  267. // 97 = a
  268. var char = String.fromCharCode(97 + i);
  269. list.push(`${keyword} ${char}`);
  270. }
  271.  
  272. return list;
  273. }
  274.  
  275. function iterateNumbers(keyword) {
  276. var list = [];
  277.  
  278. for (var i = 0; i <= 9; i++ ) {
  279. list.push(`${keyword} ${i}`);
  280. }
  281.  
  282. return list;
  283. }
  284.  
  285. var queryForm = document.getElementById('autocomplete');
  286. queryForm.addEventListener('submit', function(e) {
  287. var keyword = e.target.keyword.value;
  288. var alpha = e.target.alpha.checked;
  289. var numbers = e.target.numbers.checked;
  290.  
  291. keywords = [];
  292. results = {};
  293. ranks = [];
  294. if (alpha || numbers) {
  295. var height = Math.floor(Math.random() * (900 - 300) + 300);
  296. resultList.innerHTML = `<h2 style="text-align: center;">A kitten while you wait</h2><img src="https://placekitten.com/598/${height}">`;
  297. } else {
  298. resultList.innerHTML = '';
  299. }
  300.  
  301. e.preventDefault();
  302. updateKeywords(keyword, alpha, numbers);
  303. queryKeywords();
  304. })
  305.  
  306. function updateKeywords(keyword, addAlpha, addNumbers) {
  307. keywords.push(keyword);
  308.  
  309. if (addAlpha) {
  310. var a = iterateAlphabet(keyword);
  311. keywords = keywords.concat(a);
  312. }
  313.  
  314. if(addNumbers) {
  315. var n = iterateNumbers(keyword);
  316. keywords = keywords.concat(n);
  317. }
  318. }
  319. </script>
  320. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement