Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,935 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

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

  1. 1. 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
  2. 2. What is Pune-GTUG? GTUG stands for Google Technology User Group
  3. 4. http://pune-gtug.blogspot.com
  4. 5. Using Google Ajax Search API    <ul><ul><li>This is the underneath technology used for this topic </li></ul></ul><ul><ul><li>Example code referenced in this Presentation is available here   </li></ul></ul>
  5. 6. Enriching Site with more live Data <ul><ul><li>What do we mean by enriching? </li></ul></ul><ul><ul><li>Why do we need to enrich our site with more live data? </li></ul></ul><ul><ul><li>Let’s take an example </li></ul></ul>
  6. 7. “ I am Foodie” Blog
  7. 8. Chapter 1.html  
  8. 9. Enriching the Foodie Blog <ul><ul><li>What would a person look for along side Foodie Blog </li></ul></ul><ul><ul><ul><li>Google Web Search </li></ul></ul></ul><ul><ul><ul><li>Google Maps to locate restaurants </li></ul></ul></ul><ul><ul><ul><li>Recipes (Blogs) from web </li></ul></ul></ul><ul><ul><ul><li>Videos from Youtube </li></ul></ul></ul><ul><ul><ul><li>Books from Google Book Search </li></ul></ul></ul><ul><ul><ul><li>Event News about food </li></ul></ul></ul>
  9. 10. The real question is <ul><ul><li>Can I make all these additional information available to my visitor, without asking him to leave my blog? </li></ul></ul><ul><ul><li>Can he very quickly and intuitively locate all the corresponding information on my site or blog? </li></ul></ul>
  10. 11. The answer is Yes <ul><ul><li>Lets see ahead how we can do this </li></ul></ul>
  11. 12. Google Web Search in my blog ☺
  12. 13. http://code.google.com/apis/ajaxsearch/
  13. 14. http://code.google.com/apis/ajaxsearch/key.html
  14. 15. http://code.google.com/apis/ajaxsearch/key.html
  15. 17. http://www.google.com/uds/samples/apidocs/helloworld.html
  16. 18. http://www.google.com/uds/samples/apidocs/tabbed.html
  17. 19. Chapter 2.html  
  18. 20. Also you can restrict which site the web search should search into!
  19. 21. Welcome Custom Search Engine http://www.google.com/coop/cse/
  20. 25. Chapter 3.html  
  21. 26. Chapter 3 Code Snippet // site restricted web search with custom label // and class suffix var siteSearch = new google.search.WebSearch(); siteSearch.setUserDefinedLabel(&quot;Amazon.com&quot;); siteSearch.setUserDefinedClassSuffix(&quot;siteSearch&quot;); siteSearch.setSiteRestriction(&quot;amazon.com&quot;); searchControl.addSearcher(siteSearch); // site restricted web search using a custom search engine siteSearch = new google.search.WebSearch(); siteSearch.setUserDefinedLabel(&quot;Pune&quot;); siteSearch.setSiteRestriction(&quot;007709009400360813594:snvbh9iinva&quot;); searchControl.addSearcher(siteSearch);
  22. 27. Coming to Wizards http://code.google.com/apis/ajaxsearch/wizards.html
  23. 28. Wizards - Try it yourself Refer chapter4.html See Example - http://ajaxsearch.blogspot.com/
  24. 29. Chapter 4.html  
  25. 30. Past Blogs on Ajax Search API <ul><ul><li>http://pune-gtug.blogspot.com/2008/01/ajax-search-api-video.html </li></ul></ul><ul><ul><li>http://pune-gtug.blogspot.com/2007/11/google-ajax-search-and-ajax-feeds.html </li></ul></ul>
  26. 31. Questions? ?
  27. 32. References <ul><ul><li>Past Posts on http://pune-gtug.blogspot.com </li></ul></ul><ul><ul><li>http://code.google.com </li></ul></ul>

×