通过使用ASP.NET携带的AdRotator控件,ASP.NET中的广告可以随时显示出来。本文中,我们将看到两个例子,它们使用这个控件在一个页面上显示广告。
使用AdRotator控件有以下几个步骤:
创建一个包含着广告细节的XML文件,比如说叫art008_ads.xml,它包含以下元素:
◆ImageUrl—包含将被显示图象的URL,可以是绝对路径,也可以是相对于显示广告的页面的相对路径。
◆NavigateUrl—包含目标Web 站点的URL。(注意:在beta版以前,这个元素叫做TargetUrl,现在改变了)。
◆AlternateText—包含着一些文本,当鼠标移过图象时,作为提示信息显示出来。换句话说,这是广告图象中ALT元素的文本。
◆Keyword—这个可选元素包含了广告所属的类别。这样就使各种类别的广告都在同一个XML中,然后使用AdRotator控件中的Keywordfilter属性在给定页面上对广告进行过滤。
◆Impressions—指出广告的相对开销。
创建广告文件时有一点值得特别注意的是,它是区分大小写的。因此其中所包含元素的大小写应该拼写正确,比如:应该使用
有了上面这些细节,我们来进行广告XML文件的创建。下面的XML文件包含了显示两个广告横幅的信息:
- ﹤Advertisements﹥
- ﹤Ad﹥
- ﹤ImageUrl﹥/articles/demo/art008_demo1.gif﹤/ImageUrl﹥
- ﹤NavigateUrl﹥http://www.51cto.com﹤/NavigateUrl﹥
- ﹤AlternateText﹥Go to .net101 -- Test 1﹤/AlternateText﹥
- ﹤Keyword﹥Category1﹤/Keyword﹥
- ﹤Impressions﹥10﹤/Impressions﹥
- ﹤/Ad﹥
- ﹤Ad﹥
- ﹤ImageUrl﹥/articles/demo/art008_demo2.gif﹤/ImageUrl﹥
- ﹤NavigateUrl﹥http://www.51cto.com﹤/NavigateUrl﹥
- ﹤AlternateText﹥Go to .net101 -- Test 2﹤/AlternateText﹥
- ﹤Keyword﹥Category1﹤/Keyword﹥
- ﹤Impressions﹥10﹤/Impressions﹥
- ﹤/Ad﹥
- ﹤Ad﹥
- ﹤ImageUrl﹥/articles/demo/art008_demo3.gif﹤/ImageUrl﹥
- ﹤NavigateUrl﹥http://www.51cto.com﹤/NavigateUrl﹥
- ﹤AlternateText﹥Go to .net101 -- Test 3﹤/AlternateText﹥
- ﹤Keyword﹥Category2﹤/Keyword﹥
- ﹤Impressions﹥10﹤/Impressions﹥
- ﹤/Ad﹥
- ﹤/Advertisements﹥
在ASP.NET页面中创建一个AdRotator服务器控件,将广告XML文件连接到这个控件。使用以下服务器控件标记来完成:
- ﹤html﹥
- ﹤body﹥
- ﹤asp:adRotator AdvertisementFile="art008_ads.xml" runat="server" BorderColor="#000000" BorderWidth="1"﹥﹤/asp:adRotator﹥
- ﹤/body﹥
- ﹤/html﹥
AdvertisementFile属性指示广告文件,为了显示图象,必须要引用AdRotator控件。由于KeywordFilter属性没有设置,所以当刷新页面时会看到所有这三个广告图象以随机方式显示。
为了改变页面上广告图象的外观,还可以设置AdRotator控件的其它属性。以下是其中一些重要的属性:
◆AdvertisementFile:包含广告信息的XML
◆BorderColor:为广告设置边界颜色,如 BorderColor="#000000" 将边界设为黑色
◆BorderWidth:边界宽度,单位是象素,如 BorderWidth="1"
◆CssClass:来自CSS文件或inline STYLE 元素的字体类,如CssClass="clsAds"
◆Height:广告图象的高度,单位是象素
◆KeywordFilter:对广告类别进行过滤,如上面例子中所见的
◆Target:点击广告时URL的目标窗口。如Target="_new" ,每当广告图象被点击都会产生一个新窗口。 “_top”是默认值
◆Width:广告图象的宽度,单位是象素
AdRotator控件的KeywordFilter属性可以对某一特定类别的广告进行过滤。在下面例子中,你将只看到属于“Category1”的前两个图象。例子中同时组合了一些表格中所定义的属性:
- ﹤html﹥
- ﹤body﹥
- ﹤asp:adRotator
- AdvertisementFile="art008_ads.xml"
- KeywordFilter="Category1"
- runat="server"
- BorderColor="#000000"
- BorderWidth="1"
- Height="60"
- Width="468"
- Target="_new"
- ﹥
- ﹤/asp:adRotator﹥
- ﹤/body﹥
- ﹤/html﹥
以上AdRotator控件在浏览器中的样本输出是这样的:
﹤a href="http://www.51cto.com" target="_new"﹥﹤img src="/articles/demo/art008_demo1.gif" alt="Go to .net101 -- Test 1" style="border-color:#000000;border-width:1px;border-style:solid;height:60px;width:468px;" /﹥﹤/a﹥
【编辑推荐】