السلام عليكم
هل تريد ان تقدم خدمة البحث في موقعك لا تريد الزائر ان يدهب بعيدا
الحل هو ان في خدمة جوجل api
بحيث يمكنك جلب نتائج البحث داخل صفحتك
شاهد مثال كلمة بحث هي الجزائر
إضعط هنا لمشاهدة مثال حي لكن كيف
اولا قم بالتسجيل في جوجل خدمة api
من هنا
إستبدل
key=ABQIAAAAg_s9n4mJOABV2w8faXD14RT1S77ePj5qK0lJbW Qo9g_0OK6dtBQrzHGT3TZeUmgmaLD71OFi7QBGcw"
بالدي حصلت عليه من جوجل
سيكون غالبا هكدا
ABQIAAAAg_s9n4mJOABV2w8faXD14RT1S77ePj5qK0lJbWQo9g _0OK6dtBQrzHGT3TZeUmgmaLD71OFi7QBGcw
إستبدل cseId = xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
الرقم الخاص بك في حالة كنت مشتركا في إعلانات جوجل
وهدا هو الكود كاملا اضعه بين يديكم وهو مطور ويعمل مباشرة علي اي موقع تستطيع التعديل والتغير والنشر للجميع
<html>
<head>
<title>محرك بحث جوجل</title>
<style type="text/css">
body {
background-color: white;
color: black;
font-family: Arial, sans-serif;
font-size: small;
}
.url {color: green;}
.cached {color: #77C;}
</style>
<script src="https://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAg_s9n4mJ OABV2w8faXD14RT1S77ePj5qK0lJbWQo9g_0OK6dtBQrzHGT3T ZeUmgmaLD71OFi7QBGcw" type="text/javascript"></script>
<script>
var cseId = "5609902022808069:fc5nya-81vk";
function onResultsReady()
{
var resultsHTML = new Array();
for (var i = 0; i < searcher.results.length; i++)
{
var thisResult = searcher.results[i];
resultsHTML.push( "<p>" );
resultsHTML.push( "<a href='" );
resultsHTML.push( thisResult.url );
resultsHTML.push( "'>" );
resultsHTML.push( thisResult.title );
resultsHTML.push( "<\/a><br \/>" );
resultsHTML.push( thisResult.******* )
resultsHTML.push( "<br \/>" );
resultsHTML.push( "<span class='url'>" );
resultsHTML.push( thisResult.url );
resultsHTML.push( "<\/span>" );
if (thisResult.cacheUrl)
{
resultsHTML.push( " - <a class='cached' href=\"" );
resultsHTML.push( thisResult.cacheUrl );
resultsHTML.push( "\">Cached<\/a>" );
}
resultsHTML.push( "<\/p>" );
}
var panel = document.getElementById( "resultsPanel" );
panel.innerHTML = resultsHTML.join( "" );
}
// Initialize the web searcher
var searchControl = new GSearchControl();
// add search controls in order you want them to appear
searchControl.addSearcher(new GvideoSearch());
searchControl.addSearcher(new GwebSearch());
searchControl.addSearcher(new GblogSearch());
searchControl.addSearcher(new GimageSearch());
searchControl.addSearcher(new GbookSearch());
////////////////
var siteSearch = new GwebSearch();
siteSearch.setUserDefinedLabel("Óæ&Cc edil;áÝ");
siteSearch.setSiteRestriction("swalif.net/softs");
searchControl.addSearcher(siteSearch);
//////////
var searcher = new GwebSearch();
searcher.setResultSetSize(GSearch.LARGE_RESULTSET) ;
var options = new GsearcherOptions();
searcher.setSiteRestriction(cseId,"Info");
searcher.setUserDefinedLabel("Vulnerabilities");
searcher.setNoHtmlGeneration();
searcher.setSearchCompleteCallback( null, onResultsReady );
function performQuery()
{
var theForm = document.vulnsearch;
var panel = document.getElementById( "resultsPanel" );
panel.innerHTML = "Searching for '" + theForm.q.value + "'. Please wait...";
searcher.execute( theForm.q.value );
}
</script>
<style type="text/css">
body
{
font-family: tahoma;
text-align: center;
}
#queryContainer
{
margin-bottom:2em;
width: 80%;
margin-left:auto;
margin-right:auto;
}
#query
{
border:1px solid silver;
width: 60%;
}
#searchcontrol
{
width:80%;
margin-left:auto;
margin-right:auto;
text-align:right;
}
.gsc-control
{
width: 100%;
}
select,textarea ,input{
color: Green;
border-style: solid;
border-width: 1px;
background-color: #EAEAFF;
FONT-SIZE: 12px;
FONT-FAMILY: tahoma
}
.searchBox {
BORDER-RIGHT: #caccd9 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #caccd9 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 24px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: middle; BORDER-LEFT: #caccd9 1px solid; WIDTH: 380px; PADDING-TOP: 4px; BORDER-BOTTOM: #caccd9 1px solid
}
</style>
</head>
<body>
<h1>إبحث في جوجل</h1>
<div align="justtify"><div id="searchcontrol"></div>
<form name="vulnsearch" onSubmit="performQuery();return false;">
<input size="55" name="q" value="oracle" />
<input type="submit" value="search" />
</form>
<div id="resultsPanel">
</div>
</body>
</html>
لاحظ جيد ان الكود كاملا يوضع في الهيد
اي يمكنك دمجه داخل اي صفحة في موقعك يبقي فقط هدا الكود
ضعه في البودي
<div align="justtify"><div id="searchcontrol"></div>
<form name="vulnsearch" onSubmit="performQuery();return false;">
<input size="55" name="q" value="oracle" />
<input type="submit" value="search" />
</form>
<div id="resultsPanel">
</div>
تضعه في المكان الدي تريد البحث وظهور النتائج مثال وسط الصفحة او في الجانب في إطار
النمودج جاهز تماما وهو كامل بالمرفقات
جلسة جوجل