我如何添加股票谷歌搜索到我自己的网站**与自动完成**

How do I add the stock Google search to my own website **with auto-complete**?

本文关键字:网站 自己的 我自己 搜索 何添加 添加 谷歌      更新时间:2023-09-26

我不是在问网站搜索。我想知道如何包括一个谷歌搜索框,搜索整个互联网(不限于一个单一的网站,如网站搜索),也使用相同的自动完成行为,你看到在Google.com。

你们中的一些人可能还记得iGoogle,这是谷歌的门户网站,我使用并喜欢了很多年,直到去年他们关闭了它。我正在做我自己的谷歌替代品。我可以很容易地在顶部添加一个文本框来进行搜索,但是我在复制JavaScript自动完成行为时遇到了麻烦,你可以在常规Google.com上获得。

从这个开始:

<form action="https://www.google.com/search" method="get">
<input type="text" name="q" value="" />
</form>

我怎么让它做自动完成?

您将需要使用一些服务器端脚本,并尝试基于建议的查询API实现解决方案。关于这个问题可以找到更多信息

在客户端,当用户键入文本字段时,尝试进行AJAx调用。至于自动补全功能,我使用了jQuery UI的插件,它似乎工作得非常好。

你试过了吗?https://support.google.com/customsearch/answer/2631081

On the Custom Search home page ( https://www.google.com/cse/all ), click the search engine you want.
Click Search features, and then click the Autocomplete tab.
Switch Enable autocomplete to ON.

我接受西奥多的答案是正确的,因为他把我带到了正确的道路上;虽然说实话,他真的没有给我太多,我真的是自己想出了解决办法。

我发现如果你查询这个URL:

https://www.google.com/s?tch=1&sclient=psy-ab&q=search+term+goes+here&cp=21

其中q是您的搜索词,cp是您键入时光标的位置,这将返回一个JSON响应,该响应可以被解析并转换为可用的内容,然后与jQuery UI集成。(基本上,我只是在自己的服务器上编写了一个简短的PHP脚本,使用file_get_contents打开URL。)但不能保证这种工作能持续多久,因为它看起来非常非官方。

我也结束了使用jQuery UI自动完成HTML扩展斯科特González,因为谷歌传回的数据已经有<b>标签,所以工作得很好。