تثبيت محرك بحث مخصص من جوجل

كيفية تثبيت محرك بحث Google المخصص لمدونات بلوجر، درسنا لهذا اليوم سيكون خفيف الظل. محرك البحث هو جزء مهم جدا في أي موقع كان ما قد ينقص في محرك البحث العادي أنه قد يظهر لك مواضيع في نطاق ما تبحث عنه فقط لا أكثر أما في محرك البحث المخصص من جوجل فكل كلمة أو عنوان له علاقة بما تبحث عنه سيظهر في نتائج البحث

أود توضيح أمر أننا في هذا الدرس لن نناقش اضافة محرك بحث بتصميم مغاير سيبقى محركك كما هو التغيير الوحيد هو نتائج البحث ولمن ليس لديه فكرة عما نود شرحه فليقم بالتجربة من خلال محرك بحث مدونة عرب ويب وسترى النتيجة... أوصي بشدة باستعمال محرك بحث مخصص لم له من فوائد ومميزات سنتطرق لها خلال الشرح، كما أن شرحنا يتضمن جميع الأساسيات لذا وجب التركيز عليه
شرح طريقة التركيب
1. يرجى زيارة موقع جوجل للبحث المخصص على : https://cse.google.com/cse
2. إضغط على Create a custom search engine لتسجيل الدخول للمحرك

3. عند الدخول إلى لوحة التحكم اضغط على New Search Engine

4. ثم املئ المطلوب كما مبين أدناه

A. ضع رابط مدونتك
B. تغيير إعدادات اللغة وفقا للغة المستخدمة في المدونة
C. إسم لمحرك البحث
D. بعد ملئ الإعدادات أعلاه اضغط على CREATE

5. اضغط على Get code

6. سجل رقم ID الخاص بك كالمحدد في الصورة لأننا سنحتاجه لاحقا

قبل أن ندخل في شكل الإضافة سأتطرق لكيفية تفعيل إعلانات أدسنس، حيث سيظهر إعلان على حسب بحث الزائر فإن كان الإعلان يحتوي على نفس محتوى متعلق بالقوالب مثلا سيظهر فوق نتائج البحث إن لم يكن لديك حساب أدسنس فيمكنك تخطي هذه المرحلة
تفعيل اعلانات ادسنس
1. من نفس لوحة التحكم الموقع انقر على محرك البحث الذي قمت بإنشائه
2. سترى خمس تبويبات : Basics (أساسيات)، Make money (كسب المال)، Admin (المشرف)، indexing (الفهرسة)، Advanced (خيارات أخرى)
قم بالضغط على تبويب Make money بعدها انقر على تفعيل ON

تخصيص محرك البحث
وصلنا لمرحلة تخصيص البحث المخصص توجد سبعة أشكال يظهر بها نتائج البحث، إما في صفحة جديدة أو منبثق أو في نفس الصفحة أو في صفحة ثابتة... وهذه الأخيرة هي ما سنعمل عليها أي مثل مدونتنا
1. ادخل إلى Look and fell
2. اختر المظهر Results only




مبروك عليك! أصبح لديك الآن معرف بحث وإعدادات ناجحة كل ما يتبقى الآن هو تثبيته على المدونة تابع التالي
تثبيت محرك البحث على المدونة
1. إتجه إلى الصفحات >> صفحة جديدة ضع في العنوان Search CSE بعدها بتبويب HTML ضع الكود التالي

<script>
  (function() {
    var cx = '007914758731451547183:qymqogegkxs';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

<style type='text/css'>
#comments{ display: none!important; }
.post-body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WRBYc_kZ1i07Qp1TCsrE30yAStAyh5-a-gfgxFjsROtx42UOudwJXzL5TgrvklVlHHqstPY0zI88VlH29vu2rvCMB9H-_-kRTGx58odHkVH700GBPzSagxdmivBuYWguP0yw5_UbiRI/w220-h19-no/ajax-loader+%25281%2529.gif)50% 50% no-repeat!important;margin:0}
.gs-webResult div.gs-visibleUrl-long, .gs-promotion div.gs-visibleUrl-long {text-align: left; }
.gs-bidi-start-align.gs-snippet {     padding-right: 20px!important; font: 12px/1.8em tahoma; } .gs-title { overflow: visible!important; }
.gsc-results-wrapper-visible { font-family: 'Droid Arabic Naskh', serif; }
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #D6D3D3; background-color: #F7F7F7; margin: 10px 0; }
.gsc-control-cse .gsc-table-result {padding:10px;margin:0;display:block;}
.cse .gs-webResult .gs-snippet, .gs-webResult .gs-snippet, .gs-fileFormatType, .gs-imageResult .gs-snippet {color:#666;padding:10px 0;}
.cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-spelling-original, .gs-spelling-original {font-size:13px;line-height:normal;}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {font-size:15px;text-decoration:none;font-weight:700;color:#444!important;}
.gs-result img.gs-image, .gs-result img.gs-promotion-image {vertical-align:middle;border:none;margin-bottom:0;}
.gs-webResult div.gs-visibleUrl-long, .gs-promotion div.gs-visibleUrl-long {display:block;font-size:10px;}
.post-body td:hover{background:#fff;}
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {color:#fff;background-color:#333;text-shadow:none;padding:3px 7px;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {cursor:pointer;background:#f6f6f6;color:#666;text-decoration:none;padding:3px 7px; margin-bottom: -20px; position: relative; top: 15px;}
.gsc-selected-option-container {font-size:inherit;max-width:100%;width:90px!important;}
</style>

2. ضع بدل 007914758731451547183:qymqogegkxs المعرف الذي سجلته سابقا
3. قم بنشر الصفحة
4. اتجه إلى قالب >> تحرير واذهب مباشرة إلى محرك بحثك
5. أضف الكود التالي داخل محرك بحثك مع تغيير  007914758731451547183:qymqogegkxs

<input type='hidden' name='cx' value='partner-pub-007914758731451547183:qymqogegkxs' />
<input type='hidden' name='cof' value='FORID:10' />
<input type='hidden' name='ie' value='ISO-8859-1' />

* هذا مثال يوضح الطريقة على كود محرك بحثنا قبل اضافة الكود :

<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='ابحث هنا...'>
<input id='searchsubmit' type='submit' value=''><span class='fa fa-glass'/></input>
</input>
</form>

* بعد إضافة الكود اصبح هكذا :

<form action='Ali2sm/p/search-cse.html' class='searchform'>
<input name='cx' type='hidden' value='partner-pub-007914758731451547183:qymqogegkxs'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='ابحث هنا...'>
<input id='searchsubmit' type='submit' value=''><span class='fa fa-glass'/></input>
</input>
</form>

6. أنظر للكود أدناه ستجده في محرك البحث الخاص بك

<form action='/search' class='searchform' method='get'>

استبدل الرمز /search بهذا /p/search-cse.html وهو رابط الصفحة التي أنشأتها
7. قم بحفظ العمل واذهب للتجربة

لقد انتهينا من درس اضافة محرك بحث مخصص من جوجل

آمل أن الشرح افادكم ونجحت معكم كل المراحل لأنني قمت باختصارها وتبسيطها قدر المستطاع، نلقاكم في تدوينة اخرى إن شاء الله .