如何为自己SupeSite站点加广告?

【 tulaoshi.com - Web开发 】

　　SupeSite是一套拥有独立的内容管理(CMS)功能的社区门户系统，它集成了Web2.0社区个人门户系统X-Space，这样大大增加了门户的聚合能力。SupeSite实现了对站内论坛(Discuz!)、个人空间(X-Space)信息内容的聚合。任何站长，都可以通过SupeSite轻松构建一个面向Web2.0的社区门户。

　　对网站管理员来说，利用SupeSite搭建的门户是免维护、低成本的门户，这是体现Web2.0的一些标志，用户在论坛上所发表的帖子以及发表的博客都可以聚合到网站上，管理员不需要付出额外的劳动，不需要编辑，也不需要采编人员，就可以额外使网站访问量倍增，获取广告的机会。因此，站长们只要学会充分利用好这个流量，让流量为创造财富噢!

　　一、初级篇:“傻瓜”式投放广告

　　用SupeSite搭建起来的站点平台上都能看到许多的广告位，这是开发者给我们站长预留的，这确实是一种非常人性化设计。现在就是等着广告提供商了。

　　这里以投放Discuz!广告为例，各位朋友可以使用本人提供的图片和代码进行测试，当你测试OK后再将广告的图片和链接替换掉即可。

　　(一)如何在个人空间投放广告？

　　1.登录SupeSite后台，点击[系统设置]——个人空间页面广告，然后分别投放760×100的个人空间页脚广告和212×220的文件页面广告。

　　2.如图一所示，将“初、中级测试代码”中的代码一、代码二分别复制到相应的方框中。

　　
在这里插入图一

　　3.点击提交，便完成了两个广告的设置。

　　4.这时你肯定迫不及待地想看看投放广告的效果了。

　　
在这里插入图二

和图三

　　(二)如何在468×60这个广告位投放468×60的广告？

　　1.点击[站点广告]——浏览广告，对标题为480×60广告进行编辑。

　　2.如图四，在广告内容这个方框添加广告代码三，其余按默认参数。

　　
插入图四

　　3.提交即可。

　　4.广告效果。

　　
插入图五

　　二、中级篇

　　(一)如何在260×220这个广告位投放240×240的广告？

　　刚才是在一个广告位中只投放了一个广告，那么如何在一个广告位中添加两个120×120的广告代码呢？

　　1.点击[站点广告]——浏览广告，对标题为260×220广告进行编辑。

　　2.操作如图六:

　　
插入图六

　　3.提交后浏览广告页面，点击“广告代码”，这时候能够预览广告效果，如图七所示。

　　
插入图七

　　4.打开css目录下面的"main.css"，查找“广告”(查找时不带双引号)，在这里能够找到控制广告位大小的代码。我们将".ainsidene

　　5.打开资讯栏目的一个资讯，将能看到广告效果如图七。

　　6.方法推广:参照上述的五步，不难继续在默认的其他几个广告位投放广告。

　　(二)广告位调整

　　1.如何将770×70的广告位删除？

　　操作步骤:点击[站点广告]——浏览广告——广告代码，复制方框中的那段代码，打开templates目录下的index.html.php查找刚才复制的那段代码，将这一段代码删除。

　　2.如何将770×70的广告位由原来的位置移动到资讯与日志版块之间？

　　操作步骤:点击[站点广告]——浏览广告——广告代码，复制方框中的那段代码，打开templates目录下的index.html.php找到这一段代码，将这段代码移动到“ ”后面。

　　3.如何增加广告位？

　　操作步骤:点击[站点广告]——添加广告(详细设置见下)——提交——广告代码，复制方框中的那段代码，打开templates目录下的index.html.php，把刚才复制的那段代码放置到你想要它显示的位置，例如放置到“ ”后面。操作完后，你就能在资讯区和日志区之间看到如图二的广告效果。

　　注:如上述步骤操作所得的广告显示效果是默认居右的，我们可以在div后面加上align="center"即是

　　，这时广告便是居中显示了，这样可以免去编辑css的步骤。

　　添加广告详细设置:

　　标题:760×90

　　广告调用方式:直接显示

　　广告宽度:760

　　广告高度:90

　　广告内容:img src="http://localhost/supesite/ad/760.gif" /

　　三、高级篇:轻松发布对联广告、漂浮广告

　　Discuz!官方论坛已经发布了为SupeSite量身订做的相关代码，它能将对联广告和漂浮广告添加到页面当中，让我们的网站赚取多一份广告收入，同时也使得网站炫起来吧!

　　(一)流程:登录后台，[站点设置]——站点广告——添加广告——提交——浏览广告--广告代码--将代码放置到模版中需要的位置中。

　　(二)具体步骤:

　　1.登录SupeSite后台，点击[站点广告]——添加广告，完成如下图所示的操作。

　　
插入图八

　　2.完成以上操作后，点击提交。这时返回到浏览广告页面，点击“广告代码”，在这里如果代码参数设置没有出错的话，即可预览到类似下面的效果。

　　
插入图九

　　3.复制图中的那段代码，将其粘贴到Templates目录下面的index.html.php文件这个标签后面。这时当你再次登录网站时，你会发现站点两侧已经出现了对联广告了，并且当用鼠标将页面往下拉的时候，对联广告也将随着鼠标移动的方向移动，也就是说，能够让访问者随时都看到这对联广告，增强广告的视觉冲击力。

　　4.再次重复以上的操作，为你的SupeSite站点添加漂浮广告。

　　代码下载.rar