تسجيل الدخول

مشاهدة النسخة كاملة : إمتلك محرك بحث داخل موقعك


zamile
2008-09-25, 20:43
السلام عليكم

هل تريد ان تقدم خدمة البحث في موقعك لا تريد الزائر ان يدهب بعيدا

الحل هو ان في خدمة جوجل api

بحيث يمكنك جلب نتائج البحث داخل صفحتك

شاهد مثال كلمة بحث هي الجزائر
إضعط هنا لمشاهدة مثال حي (http://www.dz-links.75.fr/linker/2.html)لكن كيف

اولا قم بالتسجيل في جوجل خدمة api

من هنا (http://www.google.com/apis)

إستبدل
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="http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;key=ABQIAAAAg_s9n4mJOABV2w8f aXD14RT1S77ePj5qK0lJbWQo9g_0OK6dtBQrzHGT3TZeUmgmaL D71OFi7QBGcw" 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("&Oacute;&aelig;&Ccedil;&aacute;&Yacute;");
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>


تضعه في المكان الدي تريد البحث وظهور النتائج مثال وسط الصفحة او في الجانب في إطار

النمودج جاهز تماما وهو كامل بالمرفقات

جلسة جوجل (http://www.dz-links.75.fr/linker/6.php)

hard_way1990
2008-10-17, 16:47
مشكور أخي بارك الله فيك