Користувальницький пошук Гугл

Розглянемо, як вставити пошук Google до себе на сайт. А потім налаштуємо зовнішній вигляд форми (кастомізуємо) google custom search (cse). У мене вийшло форма, як на картинці.

Тут google custom search докладно описано API google custom search. Отримати код пошуку google для вставки до себе на сайт можна за посиланням http://www.google.com/cse/all.

Спочатку потрібно додати пошукову систему, запровадити url (домен) вашого сайту. Вказати додаткові налаштування, якщо потрібно, та скопіювати код у структуру свого сайту.

пошук

Із цікавих плюшок ще є:

  • можна розділити форму пошуку та форму результатів. З форми пошуку виставити URL на сторінку з формою результатів. Я так зробив у себе. Справа розташовується форма пошуку, при пошуку редиректит на основну сторінку з результатами. Пошуковий рядок при цьому передається параметром get.
  • можна вказати callback функцію, яка здійсниться після завантаження форми. Це зараз розглянемо докладніше!

Для кастомізації google search engine нам потрібно додати свої стилі до елементів форми. Google підтягує свою js`ку та форма рендерується javascript`ом у браузері. Тому по document.ready() ми зможемо відстежити, що форма з'явилася сторінці. Коли документ завантажений, google search ще нема!

Щоб вчасно стилізувати формуgoogle search, нам потрібно відстежити, коли вона з'являється на сторінці. Найпростіше зробити штатними засобами, саме передавати ім'яcallback -функции. window.__gcse параметр callback. У цій callback функції можна підмінити елементи, додати свої стилі чи класи. Тобто. можна робити з формою все, що хочете.

У функції myCallback я видалив хрестик праворуч за допомогою рядка:

т.к. він займає простір, якого й так мало у правому блоці. Також стилізував кнопку, додавши свій клас button. Можна видалити текст 'Google пошук користувача'. Правда, якщо потім встановити фокус на полі пошуку і прибрати фокус, текст 'Google пошук користувача' знову з'явиться, т.к. виставляється кодом із javascript-файлу. Тоді треба навішувати свої обробники. Але, чи варто шкурка вичинки?

  1. неможливо кардинально змінити показ результатів пошуку. Тобто. по-різному показувати різні типи контенту, такі як користувачі, статті, теги і т.д.
  2. відсутня можливість знайти непроіндексований пошуковою системою контент.