Adrotator控件

来源：互联网发布：d3.js路径编辑：程序博客网时间：2024/05/17 08:43

Asp.net自带的服务器控件adrotator 可以使Asp.net中的广告随时显示出来。

使用AdRotator服务器控件有以下几个步骤：

第一步

创建一个包含着广告细节的XML文件，比如说叫ad.xml，它包含以下元素：

●ImageUrl—包含将被显示图象的URL，可以是绝对路径，也可以是相对于显示广告的页面的相对路径。
●NavigateUrl—包含目标Web 站点的URL。
●AlternateText—包含着一些文本，当鼠标移过图象时，作为提示信息显示出来。换句话说，这是广告图象中ALT元素的文本。
●Keyword—这个可选元素包含了广告所属的类别。这样就使各种类别的广告都在同一个XML中，然后使用AdRotator控件中的Keywordfilter属性在给定页面上对广告进行过滤。
●Impressions—指出广告的相对开销。 (广告出现的权重)

创建广告文件时有一点值得特别注意的是，它是区分大小写的。因此其中所包含元素的大小写应该拼写正确，比如：应该使用<Ad>而不是<ad>。

有了上面这些细节，我们来进行广告XML文件的创建。下面的XML文件包含了显示两个广告横幅的信息：

<Advertisements>
<Ad>
<ImageUrl>~/images/sinalogo.gif</ImageUrl>
<NavigateUrl>http://www.sina.com</NavigateUrl>
<AlternateText>SINA</AlternateText>
<Keyword>Computer</Keyword>
<Impressions>10</Impressions>
</Ad>
<Ad>
<ImageUrl>~/images/sohulogo.gif</ImageUrl>
<NavigateUrl>http://www.sohu.com</NavigateUrl>
<AlternateText>SOHU</AlternateText>
<Keyword>Computer</Keyword>
<Impressions>10</Impressions>
</Ad>
<Ad>
<ImageUrl>~/images/chinalogo.gif</ImageUrl>
<NavigateUrl>http://www.china.com</NavigateUrl>
<AlternateText>CHINA</AlternateText>
<Keyword>Computer</Keyword>
<Impressions>10</Impressions>
</Ad>
</Advertisements>

第二步

在ASP.NET页面中创建一个AdRotator服务器控件，将广告XML文件连接到这个控件。使用以下服务器控件标记来完成：

<html>
<body>
<asp:adRotator AdvertisementFile="~ad.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="~ad.xml"
KeywordFilter="Computer"
runat="server"
BorderColor="#000000"
BorderWidth="1"
Height="60"
Width="468"
Target="_new"
>
</asp:adRotator>
</body>
</html>

在Asp.net 2.0中，adrotator控件可以直接选择数据源以及配置数据源。这样在源代码中：

<asp:AdRotator ID="AdRotator1" runat="server" DataSourceID="XmlDataSource1" />
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/ad.xml"></asp:XmlDataSource>