{"id":573,"date":"2008-04-11T07:12:54","date_gmt":"2008-04-11T06:12:54","guid":{"rendered":"http:\/\/www.icantinternet.org\/?p=21"},"modified":"2016-11-23T11:59:53","modified_gmt":"2016-11-23T11:59:53","slug":"how-to-add-googles-image-search-to-your-website","status":"publish","type":"post","link":"https:\/\/beheydt.be\/en\/how-to-add-googles-image-search-to-your-website\/","title":{"rendered":"How to add Google’s Image Search to your website?"},"content":{"rendered":"

I know how to add a Google Search Box to my website, but how can I add the Image Search from Google?
\nEasy!
\nLet’s take a look at a standard search url from Google:
\nhttp:\/\/www.google.com\/search?source=ig&hl=en&q=rubarber&btnG=Google+search<\/a>
\nNow, let’s strip that one down to right the bare essential:
\nhttp:\/\/www.google.com\/search?q=rubarber<\/a>
\nThe extra info in the string tells Google which website you come from (source=ig -> iGoogle<\/a>), what language you speak (hl=en), and what the button says (btnG=Google+zoeken)
\n
\nNow… If you try an image search on Google, and translate to a “bare essentials url” as we did above, we get:
\nhttp:\/\/images.google.com\/images?q=rubarber<\/a>
\nSo, to get Google’s Image Search result page, with the results that your website’s visitor is looking for, you actually only need one (1) thing in a form: a textfield, with the name ‘q’, which contains the keywords for which your visitor wants to search images.
\nPutting this all together in nice and clean HTML this results into this:<\/p>\n

< form method=\"get\" action=\"http:\/\/images.google.com\/images\" >\r\n< input type=\"text\" name=\"q\" \/ >\r\n< input type=\"submit\" value=\"Search Google Images\" \/ >\r\n< \/form >\r\n<\/pre>\n
Or looking like this:<\/p>\n

\n<\/form>\n
Now, if you don’t want the result page from Google’s images to open instead of your own website, add the optional attribute target=”_NEW” to the form tag, making it<\/p>\nThis way, your results will be shown in a brand new browserwindow. Your users will be able to look at the found images, and still continue surfing at your website.
\nGive it a try!<\/form>\n","protected":false},"excerpt":{"rendered":"
I know how to add a Google Search Box to my website, but how can I add the Image Search from Google? Easy! Let’s take a look at a standard search url from Google: http:\/\/www.google.com\/search?source=ig&hl=en&q=rubarber&btnG=Google+search Now, let’s strip that one down to right the bare essential: http:\/\/www.google.com\/search?q=rubarber The extra info in the string tells Google […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[922],"tags":[322,1071],"class_list":["post-573","post","type-post","status-publish","format-standard","hentry","category-webmaster-en","tag-google","tag-google-image-search"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pbkKxJ-9f","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/beheydt.be\/en\/wp-json\/wp\/v2\/posts\/573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beheydt.be\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beheydt.be\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beheydt.be\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beheydt.be\/en\/wp-json\/wp\/v2\/comments?post=573"}],"version-history":[{"count":0,"href":"https:\/\/beheydt.be\/en\/wp-json\/wp\/v2\/posts\/573\/revisions"}],"wp:attachment":[{"href":"https:\/\/beheydt.be\/en\/wp-json\/wp\/v2\/media?parent=573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beheydt.be\/en\/wp-json\/wp\/v2\/categories?post=573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beheydt.be\/en\/wp-json\/wp\/v2\/tags?post=573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}