أود توضيح أمر أننا في هذا الدرس لن نناقش اضافة محرك بحث بتصميم مغاير سيبقى محركك كما هو التغيير الوحيد هو نتائج البحث ولمن ليس لديه فكرة عما نود شرحه فليقم بالتجربة من خلال محرك بحث مدونة عرب ويب وسترى النتيجة... أوصي بشدة باستعمال محرك بحث مخصص لم له من فوائد ومميزات سنتطرق لها خلال الشرح، كما أن شرحنا يتضمن جميع الأساسيات لذا وجب التركيز عليه
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/AVvXsEhUIFrKrl3s86SrO2aNw-tZHSAFX3kNaxPelgdell9wtlYcU76SbOdpYpOow4gRpim2gyAQcmNx_bQo4FZcuGxXwLeDRVQsHu1XLdM_i24c3xWfB8OAADKFKMdB7-EAbpf_ufGNGq-oQGY/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>
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=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' 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=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='ابحث هنا...'>
<input id='searchsubmit' type='submit' value=''><span class='fa fa-glass'/></input>
</input>
</form>
<form action='/search' class='searchform' method='get'>
7. قم بحفظ العمل واذهب للتجربة
لقد انتهينا من درس اضافة محرك بحث مخصص من جوجل
آمل أن الشرح افادكم ونجحت معكم كل المراحل لأنني قمت باختصارها وتبسيطها قدر المستطاع، نلقاكم في تدوينة اخرى إن شاء الله .