在ASP.NET中使用AdRotator控制項(轉)

來源:互聯網
上載者:User
asp.net|控制項 在ASP.NET中使用AdRotator控制項

通過使用ASP.NET攜帶的AdRotator伺服器控制項,ASP.NET中的廣告可以隨時顯示出來。本文中,我們將看到兩個例子,它們使用這個控制項在一個頁面上顯示廣告。

使用AdRotator伺服器控制項有以下幾個步驟:

第一步

建立一個包含著廣告細節的XML檔案,比如說叫art008_ads.xml,它包含以下元素:

●ImageUrl—包含將被顯示圖象的URL,可以是絕對路徑,也可以是相對於顯示廣告的頁面的相對路徑。
●NavigateUrl—包含目標Web 網站的URL。(注意:在beta版以前,這個元素叫做TargetUrl,現在改變了)。
●AlternateText—包含著一些文本,當滑鼠移過圖象時,作為提示資訊顯示出來。換句話說,這是廣告圖象中ALT元素的文本。
●Keyword—這個可選元素包含了廣告所屬的類別。這樣就使各種類別的廣告都在同一個XML中,然後使用AdRotator控制項中的Keywordfilter屬性在給定頁面上對廣告進行過濾。
●Impressions—指出廣告的相對開銷。

建立廣告檔案時有一點值得特別注意的是,它是區分大小寫。因此其中所包含元素的大小寫應該拼字正確,比如:應該使用<Ad>而不是<ad>。

有了上面這些細節,我們來進行廣告XML檔案的建立。下面的XML檔案包含了顯示兩個廣告橫幅的資訊:

<Advertisements>
<Ad>
<ImageUrl>/articles/demo/art008_demo1.gif</ImageUrl>
<NavigateUrl>http://www.dotnet101.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.dotnet101.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.dotnet101.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>

http://www.dotnet101.com/articles/demo/art008_demo1.aspx這裡進行示範。
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.dotnet101.com" target="_new"><img src=http://www.163design.net/n/a/"/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>

http://www.dotnet101.com/articles/downloads/art008_source.zip下載樣本代碼,
http://www.dotnet101.com/articles/demo/art008_demo1.aspx示範查看效果。


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.