ایجاد فرم جستجوی گوگل در سایت شخصی خودمون

سلاااااااام به همه دوستان گرامی.

خیلی وقتا شده که میخوایم یه سرچ خوب توی سایت خودمون داشته باشیم که کاربران بتونن با توجه به نیازشون مطالب رو جستجو کنند , چه چیزی بهتر از گوگل! در اینجا میخوام بهتون آموزش بدم که چجوری از سرچ گوگل توی سایت خودتون استفاده کنید 😀 شما برای ایجاد فرم جستجوی گوگل در سایت خودتون ۲ راه دارید: (پیش نمایش هر کدوم از حالات زیر رو میتونید از اینجا و برای مدل بعدی از اینجا ببیند, حتما درون فرم ها جستجو انجام بدید تا تفاوت رو متوجه بشید)

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

خب حالا به آموزش ایجاد این فرم ها میپردازیم , برای ایجاد فرم جستجوی گوگل که بعد از کلیک بر روی دکمه ی جستجو نتایج درون صفحه گوگل نمایش داده بشه میتونید به شیوه ی زیر عمل کنید: (پیش نمایش فرم جستجو گوگل از نوع اول رو میتونید اینجا ببینید)

در دستورات بالا یک فرم ایجاد کردیم و قسمت action اون رو روی گوگل تنظیم کردیم تا وقتی که جستجو انجام میشه نتایج درون گوگل نمایش داده بشه , همچنین یه اینپوت hidden میزاریم تا جستجو فقط در سایت ما انجام بشه, به همین راحتی یه فرم جستجوی گوگل برای سایت خودتون ساختید اما همونطور که میبینید جستجو در صفحه گوگل نمایش داده میشه که توی ذوق میزنه , میشه کاری کرد که نتایج در سایت خودمون نشون داده بشه با ادامه اموزش همراه باشید تا یاد بگیرید.

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

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

google_custom_search_formدر تصویر بالا در باکس اول (هرکدوم از تکست باکس های بالا برای یه سایت هست و فقط کافیه که شما یکیش رو پر کنید) ادرس سایت خودتون رو وارد کنید و در باکس پایین هم یک نام برای فرم جستجوی خودتون انتخاب کنید و دکمه create رو بزنید تا فرم جستجوی شما ایجاد بشه

  1. بعد از اینکه سایت خودتون رو ثبت کردید با یه صفحه مواجه خواهید شد که شبیه تصویر زیر هست , کافیه که روی دکمه ی getCode کلیک کنید و در صفحه ی بعدی کد جاوا اسکریپتی که به شما ارائه میده رو کپی کنید و در سایت خودتون قرار بدید , مثلا به صورت زیر : (این کد مربوط به طرح‌چه هست)

google_custom_search_form_tutorial

در دستورات بالا من اون کدهایی که از بخش getCode گوگل گرفته بودم رو در ساختار html صفحه خودم توی تگ body اظافه کردم , دقت کنید که دستورات حتما باید در قسمت body اظافه بشند. حالا فرم من ساخته شده 😀 کافیه که توی فرم خودم جتسجو انجام بدم و نتایج نیز در همون صفحه قابل نمایش هستند , پیش نمایش رو میتونید از اینجا ببینید(کلیک کنید).

دوستانی که سوال دارند یا مشکلی دارند از بخش نظرات مطرح کنند تا پاسخ بدم. امیدوارم که این اموزش بدردتون بخوره و بتونید فرم جستجوی گوگل درون سایت خودتون ایجاد کنید تا باعث افزایش بازدید های شما از طرف گوگل بشه.

به اشتراک بگذارید:Email this to someoneShare on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInPin on PinterestShare on StumbleUponFlattr the authorShare on RedditBuffer this pageShare on TumblrPrint this pageShare on YummlyShare on VK
  1. سلام خسته نباشید آموزش خیلی خوبی و کاربردیه !!! و البته خیلی هم جالب !!! با تشکر

    • میتونید به اموزش های گوگل برید و کدش رو کمی دستکاری کنید تا به خواسته ی خودتون برسید.

می‌خواهید دیدگاهتان را بیان کنید؟