API: общая информация Поиск по словам Поиск по доменам

Пример использования API Букварикса

для сервиса подбора ключевых слов с поиском по слову

Этот пример представляет собой HTML код, внешние и встроенные JavaSript и CSS коды, которые нужны для успешного интегрирования сервиса подбора ключевых слов с поиском по слову.

Скопируйте и вставьте фрагменты кода в соответствии с инструкцией ниже, либо воспользуйтесь подготовленной страницей с примером.

1. Пропишите в тег head следующие ссылки на внешние ресурсы:

Ссылка	Описание
https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=latin,cyrillic-ext	Ссылка на используемый шрифт из Google Fonts
//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css	Для отображения таблицы результатов использовано решение от datatabels.net. Это стандартный файл стилей таблицы
https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js	Стандартная библиотека JavaScript, которая нужна для для выполнения кода
//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js	JavaScript код для построения и отображения таблицы datatables.net с результатами поиска

	<link href='https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=latin,cyrillic-ext' rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">	    
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>	
	<script type="text/javascript" src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>

2. Скопируйте HTML код из окна ниже и вставьте в страницу вашего сайта:

<div class="bukvarix">
	<style>	
		.bukvarix{display:flex; flex-direction:column; font-family: 'Pt Sans Caption'; font-size:16px; font-weight:400; color:#445B72; min-width:320px; height:100%; overflow:hidden; margin:20px}
		.bukvarix div input {overflow:hidden; text-overflow:ellipsis; box-sizing: border-box; padding:10px; font-family: 'Pt Sans Caption'; font-size:16px; color:#445B72; outline: none; border: 1px solid #8DA0B9}
		.bukvarix button {padding:10px; font-family: 'Pt Sans Caption'; font-size:16px; color:#445B72; margin-left:15px; cursor:pointer; background:#E5EAEF; border: 1px solid #8DA0B9; outline: none;}
		.bukvarix button:hover{background:#C9DDF1}
		.bukvarix a:link {color:#445B72; line-height:2}
		.bukvarix a:hover {text-decoration-style:double;}
		.bukvarix a:visited {color:#445B72;}
		.download-links {display:flex; flex-direction:row; margin-top:20px; justify-content:center}
		.download-links a {margin-right:15px}
		.download-links a:last-of-type {margin-right:0}
		.search-form {display:flex; justify-content:center; margin-bottom:15px}
		div.results_table{display:block}
		@media all and (max-width: 360px) {	
		.bukvarix{margin:0; margin-top:20px; margin-bottom:20px}
		.download-links{flex-direction:column; justify-content:center; align-items:center}
		.bukvarix a:link {line-height:1.2}
		.download-links a {margin-right:0}
		.results_table{margin:10px}
		.bukvarix div input {max-width:66%} }
		@media all and (max-width: 340px) {	
		.bukvarix div input {max-width:60%} }	
	</style>
<script>
function check_enter_key(event)
{
  if (event.keyCode == 13)
    { update_res_datatable(); }
}

function update_res_datatable()
{
  var q = encodeURIComponent(document.getElementById('search_q').value);

  res_datatable.ajax.url('https://api.bukvarix.com/v1/keywords/?api_key=free&format=json&json_type=array&q=' + q).load();
  document.getElementById('link_download_txt').href = 'https://api.bukvarix.com/v1/keywords/?api_key=free&format=txt&q=' + q;
  document.getElementById('link_download_csv').href = 'https://api.bukvarix.com/v1/keywords/?api_key=free&format=csv&q=' + q;
  document.getElementById('link_download_tsv').href = 'https://api.bukvarix.com/v1/keywords/?api_key=free&format=tsv&q=' + q;
}
</script>

<div class="search-form">
<input type="text" onkeydown="check_enter_key(event)" size="265" maxlength="200" placeholder="ключевое слово" id="search_q" autofocus="autofocus">
<button type="button" onclick="update_res_datatable()">Найти</button> 
</div>

<div>
<div class="results_table">
<script type="text/javascript">
   $.fn.dataTableExt.pager.numbers_length = 20;
   $( document ).ready(function() {
   res_datatable = $('#searchbykeyword').DataTable( {   
   "searching": false,
   "ordering": false,
   "info":     false,
   "scrollX": true,
   "scrollCollapse": false,
   "pageLength": 25,
   "lengthChange": false,
   "pagingType": "numbers",
   "language": {
		"emptyTable": "Нет результатов",
		"paginate": {
		"first":      "Первая",
        "last":       "Последняя",
        "next":       "Следующая",
        "previous":   "Предыдущая"		
		}		
	},

	 "columnDefs": [
            {"title": "Ключевое слово", className: "dt-body-left", "targets": [ 0 ]},
            {"title": "Cлов", className: "dt-body-right", "targets": [ 1 ]},
            {"title": "Символов", className: "dt-body-right" , "targets": [ 2 ]},
			{"title": "Частотность<br>Весь мир", className: "dt-body-right", render: $.fn.dataTable.render.number( ' ', '.'), "targets": [ 3 ]},
			{"title": "Частотность<br>\"!Весь !мир\"", render: $.fn.dataTable.render.number( ' ', '.'), className: "dt-body-right" , "targets": [ 4 ]}		
			],
  "ajax": {
    "url": "https://api.bukvarix.com/v1/keywords/?api_key=free&format=json&json_type=array&q=",
    "dataSrc": ""
  }
			
   } );
   	
   });
  </script>
     <table id="searchbykeyword" class="display" cellspacing="0" width="100%"></table>
</div>	 
</div>

<div class="download-links">
<a id="link_download_txt">Скачать .txt</a>
<br>
<a id="link_download_csv">Скачать .csv</a>
<br>
<a id="link_download_tsv">Скачать .tsv</a>
</div>
<script>
   $(document).ready(function(e) {
    $("#search_q").focus();
    update_res_datatable();
});
</script> 
</div><!--end of bukvarix-->

3. Ожидаемый результат на вашем сайте:

Скачать .txt
Скачать .csv
Скачать .tsv

Пример интеграции сервиса подбора ключевых слов с поиском по слову можно также увидеть на отдельной странице.

Общая информация об API

API для поиска по словам

API для поиска по доменам