网站内容多了.就要做站内搜索.无赖于水平有限.搜索结果老是不尽人意.现在好了google提供了自定义搜索引擎.就是可以再你自己的网站里面挂一段代码.从google庞大的索引库里面搜索内容.通常结果还很准
天下没有免费的午餐,google也不是救世主.就是在搜索显示结果的时候右边那里会显示和你的搜索主题相关的广告.哎,烦躁啊.好不容易过来一个人.却被广告给吸引走了.
要想去掉广告业可以.给钱.而且价格不菲,一般都要100-250usd.靠,抢钱啊
好在我们是聪明的.想到一个好办法.就是用div层将广告挡住.呵呵,偷笑
实施方法
首先,进入你的google账号获取搜索框代码.google总共提供了三种代码,我们现在选择使用iframe的形式.然后指定搜索结果显示的url文件.还要指定广告显示的位置.为了节约地方.只让广告显示在右边
复制在google生成2个代码.一个是搜索框.一个是结果显示的代码.
打开你的网页编辑器,新建一个html文件,保存为你刚才输入的结果显示文件的名字.将google生成的结果显示代码粘贴进去.现在我们就需要建立一个div;来遮挡右边的广告.完整代码如下
原理
google会将搜索结果用一个ifrmae返回.然后将返回值放入到那个id叫cse-search-results的div中.如果你搜索的关键字是热门关键字或者google针对这个关键字有广告.就会把广告结果显示在右边.那我们现在就创建一个div浮动层将右边的广告挡住
完整代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2
<html xmlns="http://www.w3.org/1999/xhtml">3
<head>4
<title>Google提供的站内搜索</title>5
<style type="text/css">
6
.googleAd7
{
8
position: absolute;9
right: 0;10
width: 245px;11
top: 30px;12
height: 900px;13
background-color: White;14
z-index: 5;15
}16
#cse-search-results17
{18
width: 800px;19
position: relative;20
overflow: hidden;21
}22
.googleSearch23
{24
position: absolute;25
z-index: 20;26
left: 20px;27
top: 5px;28
}29
</style>30
</head>31
<body>32
<div id="cse-search-results">33
<div class="googleSearch">34
<form action=" http://www.cnweb114.cn/html/search.html" id="cse-search-box">35
<div>36
<input type="hidden" name="cx" value="011249496468999177641:3iwiqqh7gsu" />37
<input type="hidden" name="cof" value="FORID:10" />38
<input type="hidden" name="ie" value="UTF-8" />39
<input type="text" name="q" size="31" />40
<input type="submit" name="sa" value="搜索" />41
</div>42
</form>43
44
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=zh-Hans>45
46
</div>47
<div class="googleAd">48
</div>49
</div>50
51
<script type="text/javascript">52
var googleSearchIframeName = "cse-search-results";53
var googleSearchFormName = "cse-search-box";54
var googleSearchFrameWidth = 600;55
var googleSearchDomain = "http://www.google.com/";56
var googleSearchPath = "/cse";57
</script>58
59
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js>60
61
</body>62
</html>63
64
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述