לבנות מנוע חיפוש משלנו יכול להיות תוספת יפה לאתר. ניתן להגדיר על שרתי גוגל מנוע חיפוש מותאם ואישי, כך שיבצע חיפוש רק בדומיינים מסוימים, יציג רק את התוצאות הרלוונטיות לנושא שלנו בעיצוב ובמבנה שנבחר:

כדי ליצור מנוע משלנו נכנס לשירות של גוגל כאן

נתן לו שם, נגדיר את ההגדרות לשאילתא ואת מבנה תוצאות החיפוש.

נשמור בצד את ה"מזהה מנוע החיפוש"

באתר שלנו נוסיף את הקוד הבא:

<script async src="https://cse.google.com/cse.js?cx=XXX:XXXX"></script>
<div class="gcse-search"></div>

האלמנט <div class="gcse-search"></div> הוא המיקום שבו תופיע תיבת החיפוש.

לפעמים נרצה שתיבת החיפוש ותוצאות החיפוש לא יופיע באותו המיקום בדף. נפריד בינהם בדרך הבאה:

<div style="border: 1px solid blue;">
Area 1 (for example a sidebar)
<div class="gcse-searchbox"></div>
</div>

<div style="border: 1px solid red;">
Area 2 (for example main area of the page)
<div class="gcse-searchresults"></div>
</div>

אפשרות נוספת היא בדפים נפרדים:

דף א: תיבת החיפוש

<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script>
<div class="gcse-searchbox-only" data-resultsUrl="YOUR_RESULTS_PAGE_URL"></div>

דף ב: תוצאות החיפוש:

<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script>
<div class="gcse-searchresults-only"></div>

ניתן לפנות ישירות לקישור של דף התוצאות באופן הבא:

http://www.mysite.com/result.html?q=search-word

(בדרופל, יש לנו בעיה כיוון שהפרמטר q יתנגש עם הפרמטר q של דרופל (מופיע בנתיב המלא של דרופל))