جستجو گوگل در سایت
جستجو گوگل در سایت در این قسمت شما به طور کامل آموزش نحوه قرار دادن فرم جستجوی گوگل در سایت را شرح را توضحیح می دهیم ، در ابتدا شما را با پارامترهای گوگل اشنا میکنم، هنگامی که عبارتی را در گوگل جستجو میکنید یکسری پارامترهایی در نوار آدرس میبینید که با علامت & جدا شده اند.
همانطور که در جستجو گوگل در سایت میبینید حرف q مخفف عبارت query یا پرس و جو است و عبارت بعد از آن کلمه ی که جستجو کردید، در این حالت، گوگل در تمام صفحات وب ، عبارتی را که درخواست داده شده است را چک می کند و نتایج نمایش داده شده از تمام سایت ها و وبلاگ ها می باشد.
حال اگر بخواهید جستجو را محدود به سایت خود کنید، از یک پارامتر دیگر به نام sitesearch طبق شکل زیر استفاده کنید.
سپس تمام نتایجی که نشان داده می شود فقط مربوط به سایت آنلاینر می باشد.
ایجاد فرم جستجوی گوگل
در ابتدا یک صفحه با کد html ایجاد کنید ، کد زیر را در یک ویرایشگر نوشته و با پسوند html ذخیره کنید.
[html]
<form method="get" action="http://www.google.com/search" dir="rtl" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px; border:1px solid #999; padding:4px; width:250px;">
<input type="text" name="q" size="22px" maxlength="255" value="" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px;" />
<input type="submit" value="جستجو در گوگل" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px;" />
<input type="hidden" name="sitesearch" value="https://onliner.co" />
</form>
[/html]
جستجو گوگل در سایت امکانات زیادی از جمله استایل دهی، متن دکمه جستجو، عرض باکس را میتوانید به صورت دلخواه خود تغییر دهید، تنها مقادیر value برای فیلد q پر کنید و همچنین فیلد sitesearch آدرس کامل سایت یا خود را به جای https://onliner.co جایگزین کنید.
به علاوه اگر قصد دارید پنجره جستجو در صفحه جدید باز کنید میتوانید در اخر تگ form عبارت target=”_blank” اضافه کنید.
[html]
<form method="get" action="http://www.google.com/search" style="font-family:Tahoma, Geneva, sans-serif;font-size:12px;border:1px solid #999;padding:4px;width:250px" target="_blank">
[/html]
حتی میتوانید این امکان را به صفحه جستجو خود اضافه کنید، یک عبارت به صورت پیش فرض در فیلد جستجو قرار دهید که هنگامی که کاربر داخل باکس کلیک می کند عبارت پیش فرض محو شود و هنگامی که بیرون از باکس کلیک میکنید عبارت پیش فرض مشاهده شود.
کد جاوا اسکریپت زیر در قسمت هدر قالب بین تگ <head> اضافه کنید.
[html]
<script type="text/javascript">
function formclear(thisfield, defaulttext) {
if (thisfield.value == defaulttext) {
thisfield.value = "";
}
}
function formrecall(thisfield, defaulttext) {
if (thisfield.value == "") {
thisfield.value = defaulttext;
}
}
</script>
[/html]
کد زیر برای فیلد جستجو یا عبارت پیش فرض در تگ <body> قرار دهید.
[html]
<form method="get" action="http://www.google.com/search" dir="rtl" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px; border:1px solid #999; padding:4px; width:250px;" target="_blank">
<input type="text" name="q" size="22px" maxlength="255" value="جستجو…" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px;" onclick="formclear(this, ‘جستجو…’)" onblur="formrecall(this, ‘جستجو…’)" />
<input type="submit" value="جستجو در گوگل" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px;" />
<input type="hidden" name="sitesearch" value="https://onliner.co" />
</form>
[/html]
اکنون میتوانید فیلد جستجو خود را مشاهده کنید و یک جستجو قوی و کاربردی و آسان در سایت خود داشته باشید.
