در صورتی که وبگاه شما دارای امکان جستو جوی بهینه باشد، بازدیدکنندگان بهتر می توانند مطالب مورد نیازشان را بیابند و در نتیجه مدت زمان بیشتری در وبگاه تان خواهند بود.

بی‌شک شرکت گوگل صاحب یکی از قدرتمندترین و محبوب‌ترین ابزارهای جستوجو می باشد. موتورجستوجوی گوگل دات کام این امکان را به شما می دهد که برای وبگاه خود ابزار جستوجوی قدرتمندی ایجاد نمایید.

اولین قدم ایجاد جستوجوی سفارشی است. بر روی Create a Custom Search Engine کلیک کنید و در صفحه باز شده نام و توضیحات وبسایت خود را وارد کنید. در بخش Sites to search آدرس وبگاه‌(های) خود را با توجه به راهنمایی موجود وارد کنید. قوانین را قبول کرده و به مرحله بعد بروید!


اینجا بایستی سبکی (Style) برای جستوجوگر سفارشی تان انتخاب کنید و به مرحله بعدی بروید!

خوب تا اینجا گوگل برایتان یک جستوجوگر اختصاصی ایجاد کرده است و کدی مانند کد زیر تقدیم‌تان می کند:

<div id=”cse” style=”width: 100%;”>Loading</div>
<script src=”http://www.lobbby.ir/wp-content/uploads/2015/10/demo-image-default.jpg” type=”text/javascript”></script>
<script type=”text/javascript”>
google.load(‘search’, ‘1’, {language : ‘en’, style : google.loader.themes.V2_DEFAULT});
google.setOnLoadCallback(function() {
var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
‘<strong>012447801134373676887:x-6bpa8tf_c</strong>’, customSearchOptions);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw(‘cse’);
}, true);
</script>

حال سراغ وبگاه وردپرسی‌مان می رویم. ما به صفحه ای نیاز داریم که جستوجوگر سفارشی‌مان را آنجا قرار دهیم. فایلی جدید با نام googlecse.php ایجاد کرده و کد زیر را در آن قرار دهید.

<?php
/*
Template Name: google search
*/
?>

در ادامه این فایل کدهای جستوجوی سفارشی گوگل را که دریافت کرده اید را وارد کرده و فایل را ذخیره کنید. (می‌توانید این فایل را به سلیقه خود سفارشی کنید، مثل فایل هیدر و فوتر را قبل و بعد از کدجستوجوی سفارشی گوگل قرار دهید.)

googlecse.php را به پوشه پوسته مورد استفاده خود اضافه کنید.

افزودن برگه جدید را در پیشخوان مدیریت وردپرس بزنید و صفحه ای با عنوان جستوجو و نامک search ایجاد کنید.  از بخش قالب google search را انتخاب کرده و برگه را منتشر نمایید.

حال با رفتن به این برگه (domain.com/search) می‌توانید جستوجو در وبگاه‌تان با استفاده از قدرت گوگل را امتحان کنید!

تا اینجا شما قدرت جستوجوی گوگل را به وبگاه تان منتقل کرده اید، ولی خوب بازدیدکننده را که نمی توان مجبور کرد به این صفحه جستوجو بیاید! نیاز به جعبه جستوجو دارید تا در همه صفحات با جستوجو در آن به صفحه جستوجوی سایت تان بروید.

برای این کار کد زیر رو در داخل کلاس مورد نظر در هیدر یا سایدبار قرار بدهید:

<form action=”/search” id=”cse-search-box”>
<input type=”text” name=”q” size=”31″ />
</form>
<script type=”text/javascript” src=”http://www.lobbby.ir/wp-content/uploads/2015/10/demo-image-default.jpg”></script>

با قرار دادن این کد در پوسته تان کادری با نشان جستوجوگر اختصاصی گوگل ایجاد می شود. (با برداشتن اسکریپت موجود در کد بالا می توانید نشان گوگل را نیز از کادر جستوجو بردارید.

کد زیر را نیز برای دریافت عبارت ارسالی از کادر جستوجو در داخل اسکریپت کد جستوجوی سفارشی که در داخل فایل googlecse.php وارد کرده اید قبل از بسته شدن آکولاد { قرار دهید.

customSearchControl.execute(‘<?php echo trim($_GET[‘q’]); ?>’);

خوب دیگر همه چیز برای جستوجوی کاربران تان آماده است. دموی این آموزش را می توانید در اینجا مشاهده کنید.

درباره نویسنده

محمد کرمانی هستم برنامه نویس و طراح وب سایت

۱ دیدگاه

  1. حسین علی زاده
    مهر ۱۰, ۱۳۹۱ ساعت ۱۰:۵۶ ق.ظ

    ممنون عالی بود

    پاسخ

دیدگاه خود را بنویسید

Time limit is exhausted. Please reload CAPTCHA.