این مقاله به شما کمک می کند تا جستجوی سفارشی Google را در وب سایت خود فعال کنید. همچنین، ما مشکل طراحی نماد جستجو را که به درستی نشان داده نمی شود، حل خواهیم کرد.
اول از همه، بیایید یاد بگیریم که جستجوی سفارشی گوگل چیست.
این همان قابلیت جستجویی است که گوگل ارائه می کند، اما می توانید این قابلیت جستجوی گوگل را در وب سایت خود اضافه کنید. در اینجا پیوند عملکردی است که من در یک وب سایت زنده پیاده سازی کرده ام.
این مقاله برای کسانی است که قبلا از جستجوی سفارشی گوگل استفاده کرده اند. اگر در این اصطلاح تازه کار هستید و جستجوی سفارشی Google را در وب سایت خود اجرا نکرده اید، لطفاً ابتدا مقالات دیگر و اسناد راهنما را برای افزودن این قابلیت مرور کنید.
بنابراین، فرض کنید قبلاً قابلیت جستجوی سفارشی Google را در سایت خود پیاده سازی کرده اید.
اکنون کنترل پنل جستجوی سفارشی گوگل را باز کرده و به بخش «سایت برای جستجو» بروید .
نشانیهای وب سایتهایی را که قابلیت جستجو را به آنها اضافه کردهاید و یک منوی کشویی میبینید که در آن «جستجو فقط در سایتهای شامل» بهطور پیشفرض انتخاب شده است.
اکنون، روی منوی کشویی کلیک کنید و همانطور که در زیر نشان داده شده است، "جستجوی کل وب اما تاکید بر سایت های موجود" را انتخاب کنید.
اکنون، چک باکس وب سایت خود را انتخاب کرده و آن را حذف کنید. بخش «سایتهای جستجو» باید مانند زیر باشد.
روی "به روز رسانی" کلیک کنید و آماده اجرای عملکرد جستجوی گوگل در وب سایت خود هستید. می توانید کد به روز شده را از قسمت "جزئیات" در کنترل پنل با کلیک بر روی دکمه "دریافت کد" دریافت کنید.
مشکل طراحی نماد جستجو
اغلب، بسیاری از توسعه دهندگان هنگام شروع با جستجوی سفارشی Google با مشکل طراحی مواجه می شوند. اغلب اوقات، نماد جستجو روی دکمه جستجو نمایش داده نمی شود. برای حل این مشکل، کافی است بخش CSS که در زیر ارائه شده است را در شیوه نامه صفحه خود قرار دهید.
- <style>
- .cse .gsc-search-button input.gsc-search-button-v2,
- input.gsc-search-button-v2 {
- width: auto !important;
- height: auto !important;
- border-color: #474747;
- background-color: #474747;
- background-image: none;
- filter: none;
- }
- </style>// This is just a sample script. Paste your real code (javascript or HTML) here. if ('this_is'==/an_example/){of_beautifier();}else{var a=b?(c%d):e[f];}
امیدوارم این مقاله برای توسعه دهندگانی که در جستجوی سفارشی گوگل کار می کنند مفید باشد.