回答:
Google Custom Search APIに画像が含まれるようになりました。請求前は1日あたり100クエリに制限されていますが、これがGoogleを使用して検索を行う唯一の正当な方法です。
リンクが誤っている場合：
APIを呼び出す方法は複数あります。
Googleカスタム検索APIの表現状態転送は、従来のRESTとは多少異なります。リソースへのアクセスを提供する代わりに、APIはサービスへのアクセスを提供します。その結果、APIはサービスエンドポイントとして機能する単一のURIを提供します。
API操作で説明されているように、GET REST HTTP動詞を使用してGoogle Custom Search APIサービスエンドポイントにアクセスします。すべての検索リクエストの詳細をクエリパラメータとして渡します。
単一のGoogle Custom Search API URIの具体的な形式は次のとおりです。
https://www.googleapis.com/customsearch/v1?parameters
パラメータは、クエリに適用するパラメータです。詳細については、「RESTの使用」ドキュメントの「検索結果の操作」および「クエリパラメータリファレンス」を参照してください。
これは、Googleカスタム検索APIでこれがどのように機能するかの例です。このAPIは、テストカスタム検索エンジンで講義を検索します。
GET https://www.googleapis.com/customsearch/v1?key=INSERT-YOUR-KEY&cx=017576662512468239146:omuauf_lfve&q=lectures
JavaScriptからRESTを使用し、コールバッククエリパラメーターとコールバック関数を使用して、Googleカスタム検索APIを呼び出すことができます。これにより、サーバー側のコードを記述することなく、カスタム検索データを表示するリッチアプリケーションを作成できます。
次の例では、このアプローチを使用して、tomatoというクエリの検索結果の最初のページを表示します。
<html>
<head>
<title>JSON/Atom Custom Search API Example</title>
</head>
<body>
<div id="content"></div>
<script>
function hndlr(response) {
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 += "<br>" + item.htmlTitle;
}
}
</script>
<script src="https://www.googleapis.com/customsearch/v1?key=YOUR-KEY&cx=017576662512468239146:omuauf_lfve&q=tomato&callback=hndlr">
</script>
</body>
</html>
もちろん、スクリプトのsrcを更新して、検索する入力の値を含めます。
これを行うには、Google Image Search APIを使用できます。残念ながら、これは廃止されているため、1日あたりのクエリ数を制限できる場合があります。それを置き換える新しいAPIがあるかどうかはわかりません。
scriptURLで公開する必要がありますか？o_O