Mini Mods - Google Custom Search Engine Integration [AdSense capable]

NOTE: This works only on vBulletin 3.6.7+ as it's using one of the new navbar hooks introduced in 3.6.7.

Google Custom Search Engine Integration v1.0.0
http://www.andreas-kraus.net/blog -|- http://www.seo-vault.de

If you don't have a Google Custom Search Engine yet, get one here: http://www.google.com/coop/cse/overview (Free Google Account required)
With the GCS you have the ability to let Google just search the sites you specify, no other sites.

Place a search box and search results on your website.
Specify or prioritize the sites you want to include in searches.
Customize the look and feel to match your website.
Invite your community to contribute to the search engine.

AdSense Integration with the Custom Search Engine possible!


Instructions:

1) Download the plugin and install the plugin by importing the XML file
2) Edit the new template: navbar_GoogleCustom_Search
3) Go to the Google Coop Site , navigate to your custom search engine control panel, click on "Code", choose the last Layout with the note "Watermark requires Javascript", now you see something like this:

<!-- Google CSE Search Box Begins  -->
  <form id="searchbox_123412344xxxx672729:-gj4xxodxro" action="http://google.com/cse">
    <input type="hidden" name="cx" value="00309xxxxxxxxx12672729:-gjxxxodxxo" />
    <input type="hidden" name="cof" value="FORID:1" />
    <input name="q" type="text" size="40" />
    <input type="submit" name="sa" value="Search" />
  </form>
  <script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_00309026xxxxxx2729%3A-gj4q4od4ro"></script>
<!-- Google CSE Search Box Ends -->

Copy this code into notepad or some other text editor as you need to make a couple of changes to this code, basically you have to wrap a table around it with the standard vbulletin style classes. The changes are pretty straight forward, that's how it should look like:

<!-- Google CSE Search Box Begins -->
<form id="searchbox_123412344xxxx672729:-gj4xxodxro" action="http://google.com/cse">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Google Custom Search</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
    <input type="hidden" name="cx" value="00309xxxxxxxxx12672729:-gjxxxodxxo" />
  <input type="hidden" name="cof" value="FORID:1" />
  <div><input class="bginput" name="q" type="text" size="25" /><input type="submit" name="sa" class="button" value="Go" /></div>
  </td>
        </tr>
           </table>
  	</form>
  <script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_00309026xxxxxx2729%3A-gj4q4od4ro"></script>
<!-- Google CSE Search Box Ends -->

I marked some attributes red so you don't forget them . Copy it back into the vBulletin template, save it and that's it! If you want to have your google custom search engine associated to your AdSense Account hit "Make Money" in the GCS Panel and fill in your AdSense ID.

Enjoy!

[induslady]

Originally Posted by induslady

Hello Reteep,

Great Plugin!

I have installed this in my forum. I am running vB 3.6.8 and I have also implemented blogs. So the search in the forum, includes drop down for searching threads and posts, as well as for searching the blogs.

Implementing your plugin, added Google Custom search in between the forum search and blog search. The style appearance for the blog search got removed on implementing this one.

I am attaching images of how it was before implementing and after implementing the plugin.

Please let me know how I can fix this issue. Thank you for your support.

Finally, I fixed this background color issue in the search menu on integrating Google Custom search. It works awesome now.

Thanks for this mod.

[Jah-Hools]

I would like the custom search to be the first search option, so at the top of the drop down.. How would I do this please?

[imported_predatorkill]

I've done everything as stated in the guide but i do not see "Make Money" and the GCS Panel and fill in your AdSense ID anywhere. Where is it located exactly?

Ignore the above, this info must be filled in Google Custom Search page. Thanks!