Urdu English
English English Deutsch Deutsch Español Español Français Français Italiano Italiano Nederlands Nederlands Português Português Русский Русский Ελληνικά Ελληνικά
Login



 
Welcome to Jumi! >> Tutorial >> Google Search with Jumi

This simple feature will enhance your site by adding Google Search. You will get the same functionality like on my website.

Here are the simple 2 steps you need to complete for enableing it.

Creating new Jumi application

Add new application with the following custom content. You can name it Google Search.

<div class="attribute-header"><h1>Search Results</h1></div>
<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 570;
var googleSearchDomain = "www.google.com";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

You can configure the css style and width of the results frame.

Add new Jumi module

First of all you need to have Google account and AdSense account.

Log in to your AdSense account and go to AdSense Setup Tab. Click on AdSense for Search to start setting up Search Box. In the end you will get Search Box Code, which will like to the code below.

Add new Jumi module with this custom code. You can name it Google Search.

<form action="http://yourdomain.com" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-PARTNER_ID:UNIT_ID" />
    <input type="hidden" name="cof" value="FORID:10" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
    <input type="hidden" name="option" value="com_jumi" />
    <input type="hidden" name="fileid" value="APPLICATION_ID" />
    <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/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>

Where APPLICATION_ID is the Google Search Jumi application ID; PARTNER_ID is your Google AdSense Partner ID; UNIT_ID is the Search unit ID, which you can find in Search Box Code.

Summary

This feature is not only free, but with allowing it in your site you will earn money!