# 94: Настройка пользовательского поиска Google - CSS-хитрости

Anonim

Область поиска в заголовке «работает» в том смысле, что она спроектирована, и вы можете открывать и закрывать ее и все такое. Но на самом деле поиск пока не ведется. Это очень важно, а?

На этом сайте мы используем системы пользовательского поиска Google для поиска контента. В WordPress есть встроенный поиск, но он не очень хорош. Он просто сопоставляет строки и перечисляет то, что находит, по порядку. Здесь нет ничего из того, что предлагает Google: логики поиска, автоматического исправления орфографических ошибок, определения намерения и, что наиболее важно, отображения в первую очередь наиболее релевантных результатов.

Итак, мы собираемся использовать GCSE, и нам нужно кое-что настроить. Мы заходим в их админку для их создания и создаем с нуля. Мы собираемся использовать бесплатную версию. Не потому, что мне нужна реклама во всем моем поиске (а я не хочу), а потому, что платная версия слишком высока для сайта такого размера. Либо я плачу тысячи в месяц за поиск без рекламы, либо фактически зарабатываю несколько долларов, размещая рекламу в поиске и получаю возможность поиска бесплатно. Легко.

Первое, что мы создаем, - это полный поиск по сайту, поэтому мы выполняем поиск «css-tricks.com».

Затем мы получаем код, который GCSE дает нам для включения на сайт, чтобы поиск работал. Нам нужно немного покопаться, чтобы найти вариант, в котором отображаются только результаты поиска, а вы «приносите свою» форму поиска. Это определенно для нас, поскольку мы уже разработали нашу форму поиска, и нам она нравится такой, какая она есть.

У нас есть специальный шаблон страницы только для результатов поиска. Мы придаем этому шаблону форму, показывая то, что мы хотим показать.

Затем мы приступили к созданию дополнительных поисковых систем. Это своего рода хакерский способ добиться того, чего мы хотим: иметь возможность по желанию искать только в подразделах сайта. Вторая созданная нами СПП предназначена только для поиска «css-tricks.com/forums/». Затем мы делаем другую страницу результатов поиска только для поиска по форумам (/ search-results / forum /), но используя тот же шаблон. На этой странице мы поместили код из CSE для этой новой более ограниченной поисковой системы.

Нам просто нужно убедиться, что пользователи каким-то образом доберутся до нужного…