# 94: Настройка на Google Custom Search - CSS-трикове

Anonim

Областта за търсене в заглавката „работи“, тъй като е проектирана и можете да щракнете върху нея отворена и затворена и всичко това. Но всъщност все още не търси. Това е доста важно, а?

На този сайт използваме Google Персонализирани търсачки за търсене в съдържанието. WordPress е вградил търсене, но не е много добро. Той просто съвпада с низовете и изброява какво намира в ред. Няма нищо от изисканите неща, каквито предлага Google: логика за търсене, автоматично поправяне на правописни грешки, определяне на намерението и най-важното, първо показване на най-подходящите резултати.

И така, ще използваме GCSE и трябва да направим някои настройки. Влизаме в административната им зона за създаването им и създаваме такава от нулата. Ще използваме безплатната версия. Не защото искам реклами през цялото си търсене (не го правя), а защото платената версия е непосилна за разходите на сайт с такъв размер. Или плащам хиляди на месец за търсене без реклами, или всъщност печеля няколко долара с реклами в търсенето и получавам безплатно възможността за търсене. Безпроблемно.

Първото, което изграждаме, е пълно търсене в сайта, така че го търсим „css-tricks.com“.

След това получаваме кода, който GCSE ни дава да включим в сайта, за да работи търсенето. Трябва да направим малко ровене, за да намерим опцията, където тя показва само резултатите от търсенето, а вие „донесете своя“ форма за търсене. Това определено е за нас, тъй като вече сме създали формата за търсене и ни харесва такава, каквато е.

Имаме специален шаблон на страница само за резултатите от търсенето. Разбиваме този шаблон във форма, показваща нещата, които искаме да показва.

След това се заехме със създаването на повече персонализирани търсачки. Това е някакъв шантав начин да постигнем това, което искаме: да можем да търсим само подразделите на сайта по желание. Втора CSE, която създаваме, е само за търсене на „css-tricks.com/forums/“. След това правим различна страница с резултати от търсенето само за търсене във форуми (/ search-results / forums /), но използвайки същия шаблон. На тази страница поставяме кода от CSE за тази нова по-ограничена търсачка.

Просто ще трябва да се уверим, че потребителите стигат по някакъв начин до правилния ...