Некоторые основные вещи, такие как цвета рамки , настраиваются через панель управления Google . Другие вещи настраиваются с помощью вашего собственного CSS и JavaScript .
http://code.google.com/apis/customsearch/docs/ui.html
Следующий код вставляется в body
на странице результатов, где отображаются результаты ...
<div id="cse" style="width: 100%;">Loading</div>
<script src="//www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
function parseQueryFromUrl () {
var queryParamName = "q";
var search = window.location.search.substr(1);
var parts = search.split('&');
for (var i = 0; i < parts.length; i++) {
var keyvaluepair = parts[i].split('=');
if (decodeURIComponent(keyvaluepair[0]) == queryParamName) {
return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' '));
}
}
return '';
}
google.load('search', '1', {language : 'en'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl(' /* my google api key */ ');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
var options = new google.search.DrawOptions();
options.enableSearchResultsOnly();
customSearchControl.draw('cse', options);
var queryFromUrl = parseQueryFromUrl();
if (queryFromUrl) {
customSearchControl.execute(queryFromUrl);
}
}, true);
</script>
Вот ссылка на мастер кода Google.
Подробнее об API JavaScript
Извините, я не смог найти точные ссылки, которые использовал только шесть месяцев назад. Документация Google для разработчиков теперь кажется полным беспорядком. За последние несколько минут я обнаружил несколько 404 ошибок и ссылок на страницы, объявленные как «устаревшие». Никто в Google не читает ничего корректуры?