ansaurus

Question

Image suggestion with jQuery from Google

Answer 1

+1 A:

You would need either a JSON-P API from Google that provides that data (and I don't believe they provide one) or to write a server side script that runs on your server and queries Google (which might be a violation of their Terms of Service, so check the small print before going any further).

Update:

5.3 You agree not to access (or attempt to access) any of the Services by any means other than through the interface that is provided by Google, unless you have been specifically allowed to do so in a separate agreement with Google. You specifically agree not to access (or attempt to access) any of the Services through any automated means (including use of scripts or web crawlers) and shall ensure that you comply with the instructions set out in any robots.txt file present on the Services.

What you are asking to do is accessing the data through automated means, so you would be violating the Google terms of service.

David Dorward 2010-04-15 05:43:45

Yeah, not YET. :) I sent them a message about this. I hope they going to give me one. (because i'm loyal to Google) :P

neduddki 2010-04-15 06:06:30

@Zoltan, @David, this is incorrect, there is an API for this. See my answer.

Aistina 2010-04-15 09:19:27

Answer 2

A:

yes there's an api.... check this:

http://www.codeproject.com/KB/IP/google_image_search_api.aspx

you can always play around: http :// code.google.com/apis/ajax/playground/

/********************************************************************************************************************************* As long as you have been specifically allowed to do so in a separate agreement with Google. ********************************************************************************************************************************/

ehmad11 2010-04-15 08:44:03

That's a screen scraper that violates section 5.3 of the Google terms of service.

David Dorward 2010-04-15 09:51:59

Answer 3

+1 A:

Yes, this is perfectly possible using the Google AJAX Search API.

You code would look something like this:

var imageSearch = new google.search.ImageSearch();
imageSearch.setSearchCompleteCallback(this, function(results) {
  // figure out which picture from results you want
});
imageSearch.execute('car');

Aistina 2010-04-15 08:50:48

Answer 4

+1 A:

gotcha

<!--
  copyright (c) 2009 Google inc.

  You are free to copy and use this sample.
  License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google AJAX Search API Sample</title>
    <script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"&gt;&lt;/script&gt;
    <script type="text/javascript">
    /*
    *  How to search for images and restrict them by size.
    *  This demo will also show how to use Raw Searchers, aka a searcher that is
    *  not attached to a SearchControl.  Thus, we will handle and draw the results
    *  manually.
    */

    google.load('search', '1');

    function searchComplete(searcher) {
      // Check that we got results
      if (searcher.results && searcher.results.length > 0) {
        // Grab our content div, clear it.
        var contentDiv = document.getElementById('content');
        contentDiv.innerHTML = '';

        // Loop through our results, printing them to the page.
        var results = searcher.results;
        for (var i = 0; i < results.length; i++) {
          // For each result write it's title and image to the screen
          var result = results[i];
          var imgContainer = document.createElement('div');

          var title = document.createElement('h2');
          // We use titleNoFormatting so that no HTML tags are left in the title
          title.innerHTML = result.titleNoFormatting;

          var newImg = document.createElement('img');
          // There is also a result.url property which has the escaped version
          newImg.src = result.tbUrl;

          imgContainer.appendChild(title);
          imgContainer.appendChild(newImg);

          // Put our title + image in the content
          contentDiv.appendChild(imgContainer);
        }
      }
    }

    function OnLoad() {
      // Our ImageSearch instance.
      var imageSearch = new google.search.ImageSearch();

      // Restrict to extra large images only
      imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE,
                                 google.search.ImageSearch.IMAGESIZE_MEDIUM);

      // Here we set a callback so that anytime a search is executed, it will call
      // the searchComplete function and pass it our ImageSearch searcher.
      // When a search completes, our ImageSearch object is automatically
      // populated with the results.
      imageSearch.setSearchCompleteCallback(this, searchComplete, [imageSearch]);

      // Find me a beautiful car.
      imageSearch.execute("Subaru STI");
    }
    google.setOnLoadCallback(OnLoad);
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    <div id="content">Loading...</div>
  </body>
</html>

parapapapa we love google.

neduddki 2010-04-16 05:13:16

for everyone who needs it :)

neduddki 2010-04-16 05:14:16

ansaurus

tags:

views:

answers:

Image suggestion with jQuery from Google

related questions