当前位置:七七站长网站长资讯Google推广 → 文章内容

给Google Adsense美化 - 提高你的广告点击率

减小字体 增大字体 作者:佚名  来源:本站整理  发布时间:2007-12-30 0:27:00

Google Adsense的代码只提供了最基本的格式,外加园角和方角!这些广告格式已经被用在很多站点上,所以访客们已经对此类广告代码有了一定的抵御能力!为了能提高广告的点击率,获得更多的收入,我们可以对广告代码的背景进行美化,让其变得更加醒目!

首先来看一个供Wordpress使用的Adsense美化插件:Adsense Beautifier

通过此插件可以在你Google Adsense广告的侧边或者下边加上漂亮的小图片,从而让你的广告更加吸引别人的注意。大家可以先看看使用后的效果图:

Adsense美化

Adsense美化

插件的使用请自行到作者的主页查看,不在此文讨论范畴! 

使用插件来美化你的Adsense广告非常方便,但这只限于Wordpress上使用。如果你想在其他类型的站点上来美化你的Adsense广告,就需要手工进行Div+Css来布局!先来看看网上常见的几个美化背景:

Adsense美化

Adsense美化

要实现这样的效果,需要一些简单的CSS知识。当然你要首先准备好一些背景图片,大小根据你要投放的广告尺寸,适当的加宽加长即可!然后上传到你的网站空间或者网上的免费图片存储空间!

我们以468*60的尺寸为例,制作一个480*70的背景图片:

<div style="float: right; background-image: url(图片网址); height: 70px; width: 480px; padding-top: 10px; padding-left: 10px; background-repeat: no-repeat;" >AdSense广告码放在这裡</div>

代码解释:
float: right: 让广告整体靠右边显示,你也可以用left,或者不要这句,广告显示在默认位置!
background-image: url(图片网址): 这几是你的背景图片,填入图片相对或绝对地址即可!
height: 70px; width: 480px: 背景图片的高和宽,为像素尺寸!
padding-top: 10px: 广告代码相对与背景图片上面的间距
padding-left: 10px: 广告代码相对于背景图片左边的间距(上面两项可以在以后进行细调,让广告显示在背景图片的合适位置)
background-repeat: no-repeat: 背景不需要重复

这样,你的广告就可以有一个漂亮的背景图了!当然,你也可以把上面的属性定义到Css文件里,在添加广告的地方直接<div>调用即可,如:

#adsense_468 {
width: 480px;
height: 70px;
background-image: url(图片地址);
padding-top: 10px;
padding-left: 10px;
background-repeat: no-repeat;
}

然后我们在广告位调用
<div id=adsense_468>广告代码放在这里</div>

这样就可以了,很简单!