Scribd Logo
Upload

Welcome to Scribd!

  • Setup Tab: Enable Image Search Option

    Uploaded by

    muthuiscse
    44 views2 pages
    To create a custom Google image search engine: 1. Create a custom search engine and enable image search by selecting the appropriate options. 2. Get an API key from the Google APIs console by creating a new browser key. 3. Use the key in a JSON/Atom Custom Search API request to get image thumbnail and full-size URLs to display in your website.

    Original Description:

    Original Title

    Untitled

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    To create a custom Google image search engine: 1. Create a custom search engine and enable image search by selecting the appropriate options. 2. Get an API key from the Google APIs console by creating a new browser key. 3. Use the key in a JSON/Atom Custom Search API request to get image thumbnail and full-size URLs to display in your website.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    44 views2 pages

    Setup Tab: Enable Image Search Option

    Uploaded by

    muthuiscse
    To create a custom Google image search engine: 1. Create a custom search engine and enable image search by selecting the appropriate options. 2. Get an API key from the Google APIs console by creating a new browser key. 3. Use the key in a JSON/Atom Custom Search API request to get image thumbnail and full-size URLs to display in your website.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 2

    How to make Google images search engine

    1) create a custom search engine by Click here


    2) click to add button and insert required data then click create at bottom
    3) after creating -> click on setup tab to modify your search engine such as:
    Enable Image search option.
    In Sites to search option select (Search the entire web but emphasize
    included sites)
    4) Update your setting
    5) Look and feel tab: used to modify style for results & something important to do
    To enable Thumbnails in search results .
    6) Go to link https://console.developers.google.com/apis
    To make API key but first:
    1. Click new credentials -> select API key
    2. Select browser key ->then create ( you will be popped by api key)
    3. From menu button
    Go to API manager
    4. In google APIs tab search for Custom Search API
    5. Select Custom Search API
    6. Click

    button

    Now Use this code to get images ( thumb & full url )
    <html>
    <head>
    <title>JSON/Atom Custom Search API Example</title>
    </head>
    <body>
    <div id="content"></div>
    <script>
    function hndlr(response) {
    Object.keys(response).forEach(function (key) {
    console.log(response[key]);
    });
    for (var i = 0; i < response.items.length; i++) {
    var item = response.items[i];
    // in production code, item.htmlTitle should have the HTML entities
    escaped.

    //document.getElementById("content").innerHTML += "<img
    src="+item.link+" />" ;
    var thumbnailLink = item.image.thumbnailLink ;
    var FullImagelLink = item.link ;
    document.getElementById("content").innerHTML += "<img src="+
    thumbnailLink+" />" ;
    }
    }
    </script>
    <script src="https://www.googleapis.com/customsearch/v1?
    key=AIzaSyAGxspFSKOT3cmFNUfFW4N8463rXJjHZek&amp;cx=00907672
    2715317521305:pgtgbitiq5w&amp;q=nature&amp;searchType=image&a
    mp;callback=hndlr">
    </script>
    </body>
    </html>

    You might also like