# 94: Configurare căutare personalizată Google - CSS-Tricks

Anonim

Zona de căutare din antet „funcționează” în sensul că este proiectată și puteți face clic pe ea deschisă și închisă și toate astea. Dar de fapt nu face încă nicio căutare. E destul de important, nu?

Pe acest site folosim motoare de căutare personalizate Google pentru a căuta conținut. WordPress a construit în căutare, dar nu este foarte bun. Se potrivește doar cu șiruri și listează ceea ce găsește în ordine. Nu există niciunul dintre lucrurile fanteziste oferite de Google: logica căutării, remedierea greșelilor de ortografie în mod automat, determinarea intenției și, cel mai important, afișarea mai întâi a celor mai relevante rezultate.

Deci, vom folosi GCSE și avem ceva de făcut. Intrăm în zona lor de administrare pentru a le crea și a crea una de la zero. Vom folosi versiunea gratuită. Nu pentru că vreau reclame pe toată căutarea mea (nu vreau), ci pentru că versiunea plătită este prohibitivă pentru un site de această dimensiune. Este fie că plătesc mii pe lună pentru căutare fără anunțuri, fie că câștig de fapt câțiva dolari având anunțuri în căutare și obțin capacitatea de căutare gratuit. Un nebun.

Primul pe care îl construim este o căutare completă a site-ului, deci trebuie să căutăm „css-tricks.com”.

Apoi primim codul pe care GCSE ni-l oferă pentru a-l include pe site pentru cautare să funcționeze. Trebuie să facem un mic sondaj pentru a găsi opțiunea în care se afișează numai rezultatele căutării, iar dvs. „aduceți-vă propriul” formular de căutare. Acest lucru este cu siguranță pentru noi, deoarece ne-am proiectat deja formularul de căutare și ne place așa cum este.

Avem un șablon de pagină special doar pentru rezultatele căutării. Biciem acest șablon în formă, arătând lucrurile pe care dorim să le arate.

Apoi ne-am apucat să creăm mai multe motoare de căutare personalizate. Acesta este un fel de fel de hacky de a realiza ceea ce ne dorim: să putem căuta numai sub-secțiuni ale site-ului după bunul plac. Un al doilea CSE pe care îl creăm este doar pentru căutarea „css-tricks.com/forums/”. Apoi realizăm o altă pagină cu rezultatele căutării doar pentru căutarea pe forumuri (/ search-results / forums /), dar folosind același șablon. Pe această pagină, am pus codul de la CSE pentru acest nou motor de căutare mai limitat.

Va trebui doar să ne asigurăm că utilizatorii ajung cumva la cea corectă ...