Showing posts with label google custom search takes long time to load. Show all posts
Showing posts with label google custom search takes long time to load. Show all posts

Thursday, 1 August 2013

Google custom search loading too slow

--------------------------------------------------------------------------------------------------
Step1:

<form action="/customsearchpagename.html" target="_blank">
 <input type="hidden" name="cx" value="xxxxxxxxxxxxxxxxx:yyyyyyyyyyyy" />
 <input type="hidden" name="ie" value="UTF-8" />
 <input type="text" name="q" size="31" value="" />
 <input type="submit" name="submit" value="Submit" />
</form>
<img src="/images/google_custom_search_smwide.gif" style="margin-top:5px;">
--------------------------------------------------------------------------------------------------
Step3:
include the following code in customsearchpagename.html Page

<script>
  (function() {
    var cx = 'xxxxxxxxxxxxxxxxxxxxxxx:yyyyyyyyyyyyyyyyyyyyy';
    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>
<gcse:searchbox-only></gcse:searchbox-only>
<gcse:searchresults-only></gcse:searchresults-only>
--------------------------------------------------------------------------------------------------
Step3:

Login Google Custom Search Engine

Select Your Website

1) Click On Setup 
 Image search ON

2) Click On Look and Feel --->LayOut TAB
Under WebSearch Option -------> Select Two Page

Under ImageSearch Option --------> Select Classic

3)  Look and Feel ---> Themes TAB
Select Theme as your requirement
4)  Look and Feel ---> Customize TAB
Customize as your requirement
5)  Look and Feel ---> Customize TAB

6)  Look and Feel ---> Thumb Nails
ON -- For Image Search
7) Click On Save And Get Code
Under Search Results Details -->http://www.yoursitename.com/yourcustompagename.html
Specify the query paramater name embed in the url --------> q