2010-02-01 16 views
14

मैं Google कस्टम खोज करने की कोशिश कर रहा हूं (मुझे बस अपनी साइट पर किसी प्रकार का सर्च इंजन चाहिए), और मुझे इसे बनाने की ज़रूरत है ताकि मैं अपना खुद का खोज बॉक्स (इनपुट फ़ील्ड) का उपयोग कर सकूं। मुझे इसे सटीक आकार की आवश्यकता है। मुझे खोजने के लिए अपना खुद का बटन बनाने में भी सक्षम होना चाहिए। मुझे खोज बटन के आकार और पृष्ठभूमि को बदलने में सक्षम होने की आवश्यकता होगी। मैं अभी तक पूरी तरह से यकीन नहीं कर रहा हूं, लेकिन मुझे वास्तव में नियमित आईएमजी होने की आवश्यकता हो सकती है।Google कस्टम खोज?

क्या कोई यह जानता है कि यह कैसे करें?

आप Google के साथ ऐसा नहीं कर सकते हैं, तो आप एक और तरीका यह करने के लिए की जानते हो?

अगर कोई अन्य तरीके से, अपने स्वयं के खोज इंजन का उपयोग मैं कृपया अपने खुद के बनाने के लिए पर एक बहुत ही सरल ट्यूटोरियल के लिए एक लिंक मिल सकता है के अलावा है। मैं सीखने के लिए अतिरिक्त काम करने के लिए तैयार हूं, लेकिन मैंने थोड़ा सा प्रयास किया, और तीन अलग-अलग टट्स देखने के बाद, मैंने छोड़ दिया क्योंकि वे बहुत लंबे और भ्रमित थे। मुझे उम्मीद है कि मैं सिर्फ गलत जगहों पर देख रहा था।

उत्तर

18

यहाँ एक मैं उपयोग कर रहा हूँ, तुम बस <input id='q' जो खोज बॉक्स है करने के लिए कुछ शैलियों जोड़ने की जरूरत है, और < input value='MyButton' क्लिक करने के लिए

<!-- Google CSE Search Box Begins --> 
<center> 
<form id="searchbox_XXXXXXXXXX:YYYYYYYYY" action="http://myblog"> 
    <input value="XXXXXXXXXX:YYYYYYYYY" name="cx" type="hidden"/> 
    <input value="FORID:11" name="cof" type="hidden"/> 
    <input id="q" style="width:600px;" name="q" size="75" type="text"/> 
    <input value="MyButton" name="sa" type="submit"/> 
</form> 
</center> 
.... 

संपादित बटन है: ऊपर मेरा उत्तर है 2010 से, मैं पुष्टि नहीं कर सकता कि यह काम कर रहा है या नहीं, लेकिन यहां एक काम कर रहा है।

<div id="cse" style="width: 100%;">Loading</div> 
<script src="http://www.google.com/jsapi" type="text/javascript"></script> 
<script type="text/javascript"> 
    google.load('search', '1', {language : 'en'}); 
    google.setOnLoadCallback(function() { 
    var customSearchControl = new google.search.CustomSearchControl('XXXXXXXXXXXXXXXX:YYYYYYYYYYYYYY'); 
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); 
    var options = new google.search.DrawOptions(); 
    options.setAutoComplete(true); 
    customSearchControl.draw('cse', options); 
    }, true); 
</script> 

अधिक जानकारी के लिए: https://developers.google.com/custom-search/docs/js/cselement-devguide

+0

और उन XXXXX और YYYYYYY क्या हैं? – lzap

+0

उन XXXX और YYYYY Google Custem Search से प्राप्त कोड में परिभाषित संख्याएं हैं। – Ergec

+0

वास्तव में कार्रवाई में क्या होना चाहिए = "http: // myblog"? –

18

का उल्लेख Googlers के जो "रंग और रूप" के तहत नए "ओवरले परिणाम" विकल्प के साथ एक समाधान के लिए देख रहे हैं के लिए। मैंने आपके जवाब का उपयोग किया और इसे काम करने के लिए कुछ मामूली हैक्स जोड़े। मूल विचार यह है कि Google आपको देता है, Google के खोज बॉक्स और बटन को छुपाता है, और उचित XXXXX: YYYY कोड के साथ आपके उत्तर का उपयोग करता है। <gcse:search></gcse:search>" छिपाने के दौरान display:none का उपयोग न करें अन्यथा खोज परिणाम काम नहीं करेंगे।

<script> 
    (function() { 
    var cx = 'XXXXXXXXXX:YYYYYYYYY'; 
    var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; 
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); 
})(); 
</script> 
<div style="width:0px;overflow:hidden;height:0px;"> <!-- if you use display:none here, it doesn't work--> 
    <gcse:search></gcse:search> 
</div> 
<form id="searchbox_XXXXXXXXXX:YYYYYYYYY" action=""> 
    <input value="XXXXXXXXXX:YYYYYYYYY" name="cx" type="hidden"/> 
    <input value="FORID:11" name="cof" type="hidden"/> 
    <input id="q" style="" name="q" size="75" type="text"/> 
    <button class="btn">Search</button> 
</form> 
+2

हाय। यह पेज रीलोड का कारण बन रहा है, इसमें काफी समय लगता है और कुछ अक्षर यूआरएल में जोड़ता है। क्या आप Google से कॉपी किए गए कोड की तरह परिणाम प्राप्त करने के लिए एक तरीका बता सकते हैं, जैसा कि आप कर रहे हैं वैसे ही मैं उपरोक्त कारकों को छोड़कर वही चाहता हूं जो –

0

जीई stackoverflow,

मुद्दा वास्तव में मिला मुझे निकाल दिया-अप के लिए पर्याप्त एक मिनी माध्यम से गुजरने के ऐसा करने के लिए - यदि आप एक वी 2 बार स्थापित करने के लिए, फ्लैट दूरदर्शक यंत्र के साथ काम कर कोशिश कर रहे हैं, बस चाहते हैं काम करने के लिए spyglass प्राप्त करने के लिए, v2 का उपयोग कर कस्टम बार को पूरी तरह से बदलना चाहते हैं, इस्तेमाल की जाने वाली शैलियों को ढूंढना और ढूंढना और उन्हें ओवरराइड करना चाहते हैं। आशा करता हूँ की ये काम करेगा! http://t.co/9nvx2l0DeD @ eb_p1

लंबे पता: http://eburnett.hubpages.com/hub/googlecustomsearchenginev2

+0

इसे एक टिप्पणी या विस्तृत के रूप में जोड़ें। – Hemanth

संबंधित मुद्दे