Use Google Search on vBulletin to reduce CPU

Status
Not open for further replies.
after creating custom search engine go to Look and feel option in that select Two page then you will get two codes one for the search box put it where you want, and other is for the result that aslo you can use with your custom page

Thanks Mr Happy i am using it in my dle from long time
 
Ok I have 2 codes now :-

1st Code :-

Code:
<div id="cse-search-form" 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', style : google.loader.themes.GREENSKY});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('012440113231128669826:e0ghWEx1yxg');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.enableSearchboxOnly("http://mysite.com/search");
    customSearchControl.draw('cse-search-form', options);
  }, true);
</script>

<style type="text/css">
  input.gsc-input {
    border-color: #94CC7A;
  }
  input.gsc-search-button {
    border-color: #94CC7A;
    background-color: #AADA92;
  }
</style>
1st code should be :-

Code:
<form action="http://linkzbot.nagds" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="009729591642794172819:aeozcdubiek" />
    <input type="hidden" name="cof" value="FORID:10" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Search" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>
2nd Code :-

Code:
<div id="cse" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> function parseQueryFromUrl () { var queryParamName = "q"; var search = window.location.search.substr(1); var parts = search.split('&'); for (var i = 0; i < parts.length; i++) { var keyvaluepair = parts[i].split('='); if (decodeURIComponent(keyvaluepair[0]) == queryParamName) { return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' ')); } } return ''; } google.load('search', '1', {language : 'en', style : google.loader.themes.GREENSKY}); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('012440113231128669826:e0ghWEx1yxg'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); customSearchControl.draw('cse'); var queryFromUrl = parseQueryFromUrl(); if (queryFromUrl) { customSearchControl.execute(queryFromUrl); } }, true); </script> <style type="text/css"> .gsc-control-cse { font-family: "Trebuchet MS", sans-serif; border-color: #E1F3DA; background-color: #E1F3DA; } input.gsc-input { border-color: #94CC7A; } input.gsc-search-button { border-color: #94CC7A; background-color: #AADA92; } .gsc-tabHeader.gsc-tabhInactive { border-color: #A9DA92; background-color: #FFFFFF; } .gsc-tabHeader.gsc-tabhActive { border-color: #A9DA92; background-color: #A9DA92; } .gsc-tabsArea { border-color: #A9DA92; } .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #A9DA92; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { border-color: #A9DA92; background-color: #FFFFFF; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #0066CC; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #0066CC; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { color: #0066CC; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b { color: #0066CC; } .gsc-cursor-page { color: #0066CC; } a.gsc-trailing-more-results:link { color: #0066CC; } .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet { color: #454545; } .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { color: #815FA7; } .gs-webResult div.gs-visibleUrl-short { color: #815FA7; } .gs-webResult div.gs-visibleUrl-short { display: none; } .gs-webResult div.gs-visibleUrl-long { display: block; } .gsc-cursor-box { border-color: #A9DA92; } .gsc-results .gsc-cursor-box .gsc-cursor-page { border-color: #A9DA92; background-color: #FFFFFF; color: #0066CC; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: #A9DA92; background-color: #A9DA92; color: #0066CC; } .gs-promotion { border-color: #94CC7A; background-color: #CBE8B4; } .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link { color: #0066CC; } .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited { color: #0066CC; } .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover { color: #0066CC; } .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active { color: #0066CC; } .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * { color: #454545; } .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short { color: #815FA7; } </style> <div id="cse" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> function parseQueryFromUrl () { var queryParamName = "q"; var search = window.location.search.substr(1); var parts = search.split('&'); for (var i = 0; i < parts.length; i++) { var keyvaluepair = parts[i].split('='); if (decodeURIComponent(keyvaluepair[0]) == queryParamName) { return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' ')); } } return ''; } var _gaq = _gaq || []; _gaq.push(["_setAccount", ""]); function _trackQuery(control, searcher, query) { var gaQueryParamName = "q"; var loc = document.location; var url = [ loc.pathname, loc.search, loc.search ? '&' : '?', gaQueryParamName == '' ? 'q' : encodeURIComponent(gaQueryParamName), '=', encodeURIComponent(query) ].join(''); _gaq.push(["_trackPageview", url]); } google.load('search', '1', {language : 'en', style : google.loader.themes.GREENSKY}); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('012440113231128669826:e0ghWEx1yxg'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); customSearchControl.setSearchStartingCallback(null, _trackQuery); customSearchControl.draw('cse'); var queryFromUrl = parseQueryFromUrl(); if (queryFromUrl) { customSearchControl.execute(queryFromUrl); } }, true); </script> <style type="text/css"> .gsc-control-cse { font-family: "Trebuchet MS", sans-serif; border-color: #E1F3DA; background-color: #E1F3DA; } input.gsc-input { border-color: #94CC7A; } input.gsc-search-button { border-color: #94CC7A; background-color: #AADA92; } .gsc-tabHeader.gsc-tabhInactive { border-color: #A9DA92; background-color: #FFFFFF; } .gsc-tabHeader.gsc-tabhActive { border-color: #A9DA92; background-color: #A9DA92; } .gsc-tabsArea { border-color: #A9DA92; } .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #A9DA92; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { border-color: #A9DA92; background-color: #FFFFFF; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #0066CC; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #0066CC; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { color: #0066CC; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b { color: #0066CC; } .gsc-cursor-page { color: #0066CC; } a.gsc-trailing-more-results:link { color: #0066CC; } .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet { color: #454545; } .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { color: #815FA7; } .gs-webResult div.gs-visibleUrl-short { color: #815FA7; } .gs-webResult div.gs-visibleUrl-short { display: none; } .gs-webResult div.gs-visibleUrl-long { display: block; } .gsc-cursor-box { border-color: #A9DA92; } .gsc-results .gsc-cursor-box .gsc-cursor-page { border-color: #A9DA92; background-color: #FFFFFF; color: #0066CC; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: #A9DA92; background-color: #A9DA92; color: #0066CC; } .gs-promotion { border-color: #94CC7A; background-color: #CBE8B4; } .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link { color: #0066CC; } .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited { color: #0066CC; } .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover { color: #0066CC; } .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active { color: #0066CC; } .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * { color: #454545; } .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short { color: #815FA7; } </style>

so How do I Generate 1st code which is mentioned in the Tutorial?
 
My forum servers approx. 40,000 searches EACH DAY.
And we use SPHINX and i can not tell you how thankful i am for this.

My server load was approx. 12-15 at normal times before.
Now its like 0.5, 0.8 always less then 2.

Its so quick indexing that you can be assured, load will never shoot.
Working with Vbulletin since 4 years, this is the best once can get, worth an investment of 25$.
 
No matter what i do my font color for the input part is white just like the background. There is no option to change this . My vbookie forms are the same when filling out a new bet as you type the font is black like the background there fore you cant see the text . Any help would be hugely appreciated . Great tut btw
 
Status
Not open for further replies.
Back
Top