如何将集成的 Google 搜索添加到我的网站？答案

【问题标题】：How can I add an integrated Google search to my website?如何将集成的 Google 搜索添加到我的网站？
【发布时间】：2010-09-21 11:14:48
【问题描述】：

基本上我有一个网站。我有一个正确设置的站点地图，所以我假设谷歌知道我的所有页面。我在一些网站上看到，搜索表单会指向一个带有原始网站外壳的页面，但结果显然是由 Google 提供的。与codinghorror.com 的搜索类似，但他的结果不会显示在他的网站布局中。

知道我在说什么或如何实现吗？

【问题讨论】：

在这里，非常简单：neculaifantanaru.com/en/…

标签： search google-custom-search

【解决方案1】：

十一月2008：喜欢this（但你会发现更多up-to-date 2012 example here）

<form method="get" action="http://www.google.com/search">

<div style="border:1px solid black;padding:4px;width:20em;">
<table border="0" cellpadding="0">
<tr><td>
<input type="text"   name="q" size="25"
 maxlength="255" value="" />
<input type="submit" value="Google Search" /></td></tr>
<tr><td align="center" style="font-size:75%">
<input type="checkbox"  name="sitesearch"
 value="askdavetaylor.com" checked /> only search Ask Dave Taylor<br />
</td></tr></table>
</div>

</form>

为了在单独的框架中显示结果，您以this site 为例。

大概是这样的：

<html>
<head>
    <meta http-equiv="Content-Language" content="en-gb">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

    <script language="javascript" type="text/javascript">
    function showFrame () {
        var e = document.getElementById("if1");
        e.style.visibility = "visible" ;
    }
    </script>
</head>

<body>
    <p> </p>
    <p>
    <span id="spSearch" onclick="showFrame()">Search</span>
    </p>
    <p> </p>
    <p><iframe name="I1" id="if1" width="100%" height="254" style="visibility:hidden" src="http://www.google.co.uk">
        Your browser does not support inline frames or is currently configured not to display inline frames.
    </iframe></p>
</body>
</html>

【讨论】：

这只是将查询转发给 Google，我说的是让结果显示在您的布局中。有没有可能我看到的只是一个 iframe？
我究竟应该在哪里复制/粘贴 html 页面中的 <form></form>？必须是另一个页面？
@JustMe 13 年后，我不太确定，但我会直接假设在您的 HTML 页面的正文中。我已经恢复了第一个链接：web.archive.org/web/20081231030633/http://www.askdavetaylor.com/…。它确实向您展示了一个示例。
谢谢，我在这里找到答案stackoverflow.com/questions/13822927/…
@JustMe 好的，谢谢您的反馈。我已将您的链接包含在答案中以提高知名度。

【解决方案2】：

自定义 Google 搜索的一种简单方法是使用 adsense 进行搜索，它允许您：

在一个或多个站点或整个互联网中搜索。
在新窗口、当前窗口或 iframe 中打开。
自定义搜索结果的颜色。
它还可以为广告的任何点击付费。

【讨论】：

【解决方案3】：

https://cse.google.com/cse/

^ 也许您正在寻找 Google 自定义搜索引擎

【讨论】：

【解决方案4】：

作为列出的另一位回答者，我相信自定义搜索正是您所寻找的。p>

只是想提供更多信息。 Google 也有 Site Search，但您需要付费。

看看谷歌网站管理员工具： http://www.google.com/webmasters/

特别是： http://www.google.com/sitesearch/

【讨论】：

谢谢，我认为网站搜索实际上是我想要的

【解决方案5】：

如需基于主 Google 索引的免费解决方案，使用 site: 查询并且只对外观进行少量控制，请尝试使用 Google Custom Search Engine。

只需几百美元，拥有更全面和最新的网站索引，并完全控制外观，试试Google Site Search。

对于需要完全控制索引和搜索体验的各个方面，并且需要索引中从数千到数百万项的任何内容的企业，请尝试Google Search Appliance。

【讨论】：

【解决方案6】：

我之前对另一个问题提出了同样的答案，所以这就是答案

转到此链接https://www.google.com/cse/ 并创建帐户创建您的自定义搜索框根据您的意愿自定义外观自定义后复制代码粘贴到您希望搜索框出现的博客或网站中。

如果你想要像我的网站 http://www.latestgames2.com/ 这样的搜索框，只需自定义所有颜色和形状

【讨论】：