no-img
سوس وردپرس

ایجاد فرم جستجوی گوگل در سایت

بروزرسانی؛
29 آگوست 2020
موتور جستجو

شاید نیاز به افزودن جستجوی گوگل به سایت خود داشته باشید تا کاربران بتوانند با توجه به نیاز خود مطالب را در سایتتان جستجو کنند. قطعا موتور جستجوی گوگل بهترین است. در این آموزش از soswp افزودن سرچ گوگل به وبسایت را به دو روش  مشاهده خواهیم کرد. برای ایجاد فرم جستجوی گوگل در سایت خود دو روش کلی وجود دارد:

  1. فرم جستجویی که بعد از کلیک بر روی دکمه ی جستجو نتایج درون صفحه گوگل نمایش داده می شود.
  2. فرم جستجویی که بعد از کلیک بر روی دکمه ی جستجو نتایج درون صفحه سایت خودتان نمایش داده می شود ( پیشنهاد soswp.ir )

روش اول:

برای اینکه فرم جستجوی گوگل بعد از کلیک بر روی دکمه ی جستجو نتایج درون صفحه گوگل نمایش داده شود می توانید از روش زیر استفاده کنید:

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>soswp.ir | google custom search form tutorial</title>
</head>
<body>
<div style='text-align:center'>
<form method="get" action="http://www.google.com/search">
<div style="border:1px solid black;padding:4px;width:20em;margin:0px auto">
<input type="text" name="q" size="25" maxlength="255" value="" placeholder="اینجا جستجو کنید" />
<input type="hidden" name="sitesearch" value="soswp.ir"/>
<input type="submit" value="Google Search" />
</div>
</form>
</div>
</body>
</html>

روش دوم:

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

1- ابتدا از اینجا به صفحه گوگل برید و لاگین کنید و سپس نام سایت خود را ثبت کنید. (فقط کافیست نام سایت خود را ثبت کنید) ادرس سایت خود را وارد کنید و در باکس پایین هم یک نام برای فرم جستجوی خودتون انتخاب کنید و دکمه create را بزنید تا فرم جستجوی شما ایجاد شود.

2- بعد از اینکه سایت خودتون را ثبت کردید با یک صفحه جدید مشاهده می کنید، کافیست روی دکمه ی get Code کلیک کنید و در صفحه ی بعدی کد جاوا اسکریپتی که به شما ارائه می شود را در فایل search.php قالب خود استفاده نمایید.

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

برای مشاهده پیش نمایش و نتیجه کار یک عبارت خرچنگ قورباغه در بخش جستجوی سایت وارد کنید و اینتر را بزنید.

لینک کوتاه : https://soswp.ir/?p=17113
سلام علیکم!
فرم گزارش را به دقت تکمیل نمایید...
از همکاری شما پیشاپیش سپاسگذاریم