Настраиваемый виджет поиска для Google+, который вдохновлен виджетами Twitter. Этот виджет ищет посты и комментарии пользователей и показывает полученную в итоге версию соответствия постов с прикреплёнными изображениями.
Демо 1 | Демо 2 | Демо 3
Создание виджета не занимает много времени
Плагин успешно протестирован с версиями jQuery v1.2.6, v1.3.2, v1.4.2 и v1.6.2
Чтобы получить свой API-ключ:
Особенности:
Страница проекта | Настройки | Скачать плагин JS | Демо 1 | Демо 2 | Демо 3
Демо 1 | Демо 2 | Демо 3
Создание виджета не занимает много времени
<!-- Подключаем Javascript и CSS -->
<link href="http://googleplus-search-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://googleplus-search-widget.googlecode.com/files/jquery.googleplus-search-1.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
jQuery.fn.googlePlusSearch.defaults.api_key = 'API_KEY';
//]]>
</script>
<!-- Место вставки виджета -->
<div class="google-plus-search" data-options="{
query: 'Хабрахабр'
, show_header: 1
, header_title: 'Заголовок' }">
</div>
Плагин успешно протестирован с версиями jQuery v1.2.6, v1.3.2, v1.4.2 и v1.6.2
Чтобы получить свой API-ключ:
- Заходим на https://code.google.com/apis/console#access.
- Авторизуемся и кликаем на «Create project».
- В списке переключаем тумблер возле «Google+ API».
- Соглашаемся.
- Из левого меню переходим в «API Access» и копируем полученный ключ.
Особенности:
- Запрос поддерживает некоторые операторы, которые используются в обычном поиске Google. Например «минус» для исключения из поиска точных слов, заключая его в двойных кавычках.
- Виджет прокручивает посты вместе с их изображениями. также можно выключить мультипликацию, список был неподвижным.
- Можно задать совершенно любой заголовок.
- Виджет идёт вместе с тёмным и светлым стилями, но на их основе можно создавать собственное оформление.
- Виджет использует частичные ответы Google+ API, чтобы оптимизировать запросы к API.
- Так как это Javascript-only решение, его можно добавить где угодно, хоть в Google Blogger или Wordpress.
- Можно использовать jQuery вызовы или вызывать любое воличество виджетов с классом «google-plus-search».
Страница проекта | Настройки | Скачать плагин JS | Демо 1 | Демо 2 | Демо 3