让wordpress模板完全整合google AdSense搜索广告

简介:

wordpress中自定义AdSense搜索广告的示例

  1. 正确生成AdSense搜索广告代码。这里有几处需要注意的内容:(以下全部假设博客网址为http://www.qiuworld.com)
    选定的网站:指定要搜索的网站或网站列表时填写自己博客的网址,如:http://www.qiuworld.com。
    打开搜索结果页:选择在“我的网站上打开搜索结果”选项,并输入显示搜索结果的网址,如:http://www.qiuworld.com/search/
  2. 下载并安装Google Custom Search Plugin,将生成的代码分别填入该插件的设置(Google Custom Search Configuration)页的Search Box和Search Results当中。搜索框代码填入Search Box当中,搜索结果代码填入Search Results框当中。并保存更改。
  3. 寻找到原模板当中的搜索框代码段,使用google搜索广告生成的代码替换原代码。并将搜索广告代码放入以search-form命名的层内。示例如下:
    <div class=”search-form”>
    <form action=”http://www.qiuworld.com/blog/search/” id=”cse-search-box”>
    <div>
    <input type=”hidden” name=”cx” value=”partner-pub-3900138411736885:i29mpk-hll4″ />
    <input type=”hidden” name=”cof” value=”FORID:10″ /> <input type=”hidden” name=”ie” value=”GB2312″ />
    <input type=”text” name=”q” size=”60″ />
    <input type=”submit” name=”sa” value=”&#x641c;&#x7d22;” />
    </div> </form> <script type=”text/javascript” src=”http://www.google.com/cse/brand?form=cse-search-box&amp;lang=zh-Hans”></script>
    </div>
  4. 使用CSS文件控制搜索表单的显示。示例如下:
    /************************************* +Search form *************************************/
    .search-form {
    font-size:1.2em;
    background:url(images/search.png) no-repeat;
    position:relative;
    width:147px; height:44px; margin-bottom:10px;
    }
    /****************这里设置了搜索输入框的宽度,边距,边宽以及背景色******************/
    .search-form input{
    width:125px;
    margin:14px 0 0 10px;
    border:0px;
    background:#f9f9f9;
    color: #454545; }
    /******************用于隐藏输入提交按钮*******************/
    .search-form input[type="button"],.search-form input[type="submit"]{
    display: none;
    border: none;
    color:transparent;
    }

这样基本就设置完毕了。




本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/archive/2010/03/31/1701701.html,如需转载请自行联系原作者

相关文章
|
4天前
|
SEO Python
分享58个wordpress模板,总有一款适合您
分享58个wordpress模板,总有一款适合您
76 3
分享58个wordpress模板,总有一款适合您
|
4天前
|
机器学习/深度学习 数据采集 数据可视化
R语言Pearson相关性分析降雨量和“外卖”谷歌搜索热度google trend时间序列数据可视化
R语言Pearson相关性分析降雨量和“外卖”谷歌搜索热度google trend时间序列数据可视化
|
4天前
|
数据可视化 搜索推荐 数据挖掘
R语言Pearson相关性分析就业率和“性别平等”谷歌搜索热度google trend时间序列数据可视化
R语言Pearson相关性分析就业率和“性别平等”谷歌搜索热度google trend时间序列数据可视化
|
5月前
|
前端开发 JavaScript PHP
编写自己的 WordPress 模板
编写自己的 WordPress 模板
48 0
|
4天前
|
前端开发 Java
WordPress动漫图片主题cxudy模板
WordPress多功能CX-UDY图片主题代码分享
44 1
|
4天前
|
关系型数据库 MySQL 数据库连接
百度搜索:蓝易云【使用docker部署Wordpress教程】
这就是使用Docker部署WordPress的简洁步骤。祝你顺利完成部署!
54 5
|
4天前
|
Ubuntu 关系型数据库 MySQL
百度搜索:蓝易云【ubuntu系统服务器安装WordPress教程】
现在,你已经成功在Ubuntu系统服务器上安装了WordPress。可以使用你的域名或服务器IP地址访问WordPress网站,进行网站配置和内容发布。
164 0
|
4天前
|
前端开发
wordpress博客趣主题个人静态网页模板
博客趣wordpress页面模板适合个人博客,个人模板等内容分享。
101 0
|
7月前
|
人工智能 自然语言处理 数据可视化
Google SGE 正在添加人工智能图像生成器,现已推出:从搜索中的生成式 AI 中获取灵感的新方法
Google SGE 正在添加人工智能图像生成器,现已推出:从搜索中的生成式 AI 中获取灵感的新方法
189 1
|
10月前
|
数据采集 JavaScript 搜索推荐
对于Python抓取Google搜索结果的一些了解
对于Python抓取Google搜索结果的一些了解