32
Enriching your Site with Google Maps search, News, Blog Feed, Video Search, Video Bar, Book Bar, Book Search By Rohit Ghatol From Pune Google Technology User Group http://pune-gtug.blogspot.com

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

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: 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

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

What is Pune-GTUG?

GTUG stands for Google Technology User Group

Page 3: Enriching your site with Google Maps search, News, Blog Feed, Vid
Page 4: Enriching your site with Google Maps search, News, Blog Feed, Vid

http://pune-gtug.blogspot.com

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

Using Google Ajax Search API  

• This is the underneath technology used for this topic

• Example code referenced in this Presentation is available here 

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

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

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

“I am Foodie” Blog

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

Chapter 1.html 

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

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

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

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?

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

The answer is Yes

• Lets see ahead how we can do this

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

Google Web Search in my blog

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

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

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

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

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

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

Page 16: Enriching your site with Google Maps search, News, Blog Feed, Vid
Page 17: Enriching your site with Google Maps search, News, Blog Feed, Vid

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

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

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

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

Chapter 2.html 

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

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

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

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

Page 22: Enriching your site with Google Maps search, News, Blog Feed, Vid
Page 23: Enriching your site with Google Maps search, News, Blog Feed, Vid
Page 24: Enriching your site with Google Maps search, News, Blog Feed, Vid
Page 25: Enriching your site with Google Maps search, News, Blog Feed, Vid

Chapter 3.html 

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

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);

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

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

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

Wizards - Try it yourselfRefer chapter4.html

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

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

Chapter 4.html 

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

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

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

Questions?

?

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

References

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

• http://code.google.com