Enriching your site with Google Maps search, News, Blog Feed, Vid

Enriching your Site with Google Maps search, News, Blog Feed, Video Search, Video Bar, Book

Bar, Book Search

By Rohit GhatolFrom

Pune Google Technology User Grouphttp://pune-gtug.blogspot.com

What is Pune-GTUG?

GTUG stands for Google Technology User Group

http://pune-gtug.blogspot.com

Using Google Ajax Search API  

• This is the underneath technology used for this topic

• Example code referenced in this Presentation is available here 

Enriching Site with more live Data

• What do we mean by enriching?

• Why do we need to enrich our site with more live data?

• Let’s take an example

“I am Foodie” Blog

Chapter 1.html 

Enriching the Foodie Blog

• What would a person look for along side Foodie Blogo Google Web Searcho Google Maps to locate restaurantso Recipes (Blogs) from webo Videos from Youtubeo Books from Google Book Searcho Event News about food

The real question is

• Can I make all these additional information available to my visitor, without asking him to leave my blog?

• Can he very quickly and intuitively locate all the corresponding information on my site or blog?

The answer is Yes

• Lets see ahead how we can do this

Google Web Search in my blog

☺

http://code.google.com/apis/ajaxsearch/

http://code.google.com/apis/ajaxsearch/key.html

http://code.google.com/apis/ajaxsearch/key.html

http://www.google.com/uds/samples/apidocs/helloworld.html

http://www.google.com/uds/samples/apidocs/tabbed.html

Chapter 2.html 

Also you can restrict which site the web search should search into!

Welcome Custom Search Enginehttp://www.google.com/coop/cse/

Chapter 3.html 

Chapter 3 Code Snippet

// site restricted web search with custom label// and class suffixvar siteSearch = new google.search.WebSearch();siteSearch.setUserDefinedLabel("Amazon.com");siteSearch.setUserDefinedClassSuffix("siteSearch");siteSearch.setSiteRestriction("amazon.com");searchControl.addSearcher(siteSearch);// site restricted web search using a custom search enginesiteSearch = new google.search.WebSearch();siteSearch.setUserDefinedLabel("Pune");siteSearch.setSiteRestriction("007709009400360813594:snvbh9iinva"); searchControl.addSearcher(siteSearch);

Coming to Wizardshttp://code.google.com/apis/ajaxsearch/wizards.html

Wizards - Try it yourselfRefer chapter4.html

See Example - http://ajaxsearch.blogspot.com/

Chapter 4.html 

Past Blogs on Ajax Search API

• http://pune-gtug.blogspot.com/2008/01/ajax-search-api-video.html

• http://pune-gtug.blogspot.com/2007/11/google-ajax-search-and-ajax-feeds.html

Questions?

?

References

• Past Posts on http://pune-gtug.blogspot.com

• http://code.google.com