آموزش گوگل آنالیتیک

آموزش قرار دادن جستجوی گوگل در سایت

آموزش قرار دادن جستجوی گوگل در سایتReviewed by فاطمه on Jul 17Rating: 2.5آموزش قرار دادن جستجوی گوگل در سایتنحوه قرار دادن فیلد جستجوی گوگل در سایت تنها با وارد کردن کد های html گفته شده توضیح دادیم،در مرحله اول فرم را ایجاد میکنید و در بین تگ های html قرار میدهید

قرار دادن جستجوی گوگل در سایت

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

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

حال اگر بخواهید جستجو را محدود به سایت خود کنید، از یک پارامتر دیگر به نام sitesearch طبق شکل زیر استفاده کنید.

سپس تمام نتایجی که نشان داده می شود فقط مربوط به سایت میهن وردپرس می باشد.

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

در ابتدا یک فرم  با کد html ایحاد کنید، کد زیر را در یک ویرایشگر نوشته و با پسوند html ذخیره کنید.

استایل دهی، متن دکمه جستجو، عرض باکس را میتوانید به صورت دلخواه خود تغییر دهید، تنها مقادیر value برای فیلد q پر کنید و همچنین فیلد sitesearch آدرس کامل سایت یا خود را به جای https://mihanwp.com جایگزین کنید.

به علاوه اگر قصد دارید پنجره جستجو در صفحه جدید باز کنید میتوانید در اخر تگ form عبارت target=”_blank” اضافه کنید.

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

کد جاوا اسکریپت زیر در قسمت هدر قالب بین تگ <head> اضافه کنید.

کد زیر برای فیلد جستجو یا عبارت پیش فرض در تگ <body> قرار دهید.

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

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

پکیج های آموزشی

همه پکیج های آموزشی
پیشنهاد می کنیم
نظرات کاربران
  • درخواست شما پس از تایید در سایت نمایش داده می شود. از ارسال پرسش تکراری خودداری نمایید.

avatar
ترتیب نمایش:   جدیدترین | قدیمی ترین
tvsoftware@yahoo.com
عضو سایت
tvsoftware@yahoo.com

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

naser
عضو سایت
naser

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

رضا حسینی راد
مدیر
رضا حسینی راد

سلام متشکرم توی سایت سرچ کنید اموزش ساخت اسلایدر

naser
عضو سایت
naser

سلام آقای حسینی اون اسلایدری که گذاشته بودید اگه مثل تصویر مربوطه باشه به درد سایت فیلم نمیخوره
میخوام از تعدادی (5یا6) تصویر با اندازه های 140×240 کنار هم باشن به شکل سایت زیر
http://you-tv.ir/

رضا حسینی راد
مدیر
رضا حسینی راد

برای این مورد باید کمی کدنویسی انجام بدید

akbar
عضو سایت
akbar

سلام

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

نظرات میهن وردپرس