قرار دادن جستجوی گوگل در سایت
در این بخش برای شما به طور کامل آموزش نحوه قرار دادن فرم جستجوی گوگل در سایت را شرح میدهیم، در ابتدا شما را با پارامترهای گوگل اشنا میکنم، هنگامی که عبارتی را در گوگل جستجو میکنید یکسری پارامترهایی در نوار آدرس میبینید که با علامت & جدا شده اند.
همانطور که میبینید حرف q مخفف عبارت query یا پرس و جو است و عبارت بعد از آن کلمه ی که جستجو کردید، در این حالت، گوگل در تمام وب، عبارت درخواست شده را جستجو می کند و نتایج نمایش داده شده از تمام سایت ها و وبلاگ ها می باشد.
حال اگر بخواهید جستجو را محدود به سایت خود کنید، از یک پارامتر دیگر به نام sitesearch طبق شکل زیر استفاده کنید.
sitesearch=https://market4.ir
سپس تمام نتایجی که نشان داده می شود فقط مربوط به سایت مارکت 4 می باشد.
ایجاد فرم جستجوی گوگل
در ابتدا یک فرم با کد html ایحاد کنید، کد زیر را در یک ویرایشگر نوشته و با پسوند html ذخیره کنید.
|
1 2 3 4 5 |
<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;" /><br /> <input type="hidden" name="sitesearch" value="https://market4.ir" /> </form> |
استایل دهی، متن دکمه جستجو، عرض باکس را میتوانید به صورت دلخواه خود تغییر دهید، تنها مقادیر value برای فیلد q پر کنید و همچنین فیلد sitesearch آدرس کامل سایت یا خود را به جای https://market4.ir جایگزین کنید.
به علاوه اگر قصد دارید پنجره جستجو در صفحه جدید باز کنید میتوانید در اخر تگ form عبارت target=”_blank” اضافه کنید.
|
1 |
<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"> |
حتی میتوانید این امکان را به فرم جستجو خود اضافه کنید، یک عبارت به صورت پیش فرض در فیلد جستجو قرار دهید که هنگامی که کاربر داخل باکس کلیک میکند عبارت پیش فرض محو شود و هنگامی که بیرون از باکس کلیک میکنید عبارت پیش فرض مشاهده شود.
کد جاوا اسکریپت زیر در قسمت هدر قالب بین تگ <head> اضافه کنید.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<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> |
کد زیر برای فیلد جستجو یا عبارت پیش فرض در تگ <body> قرار دهید.
|
1 2 3 4 5 |
<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;" /><br /> <input type="hidden" name="sitesearch" value="https://market4.ir" /> </form> |
اکنون میتوانید فیلد جستجو خود را مشاهده کنید و یک جستجو قوی و کاربردی و آسان در سایت خود داشته باشید.
82636 کاربر 
198 محصول 
196 مطلب 
749 دیدگاه 
