[ASP.NET 2.0] AdRotator Control 써보자
AdRotator 컨트롤은 ??
ASP.NET 웹 페이지에서 광고를 표시할 수 있는 것!!
사이트를 만들다 보면 광고이미지를 붙이는 경우가 많이 있을 것입니다. 그리고 그 광고 이미지가 매번
변경되게 하려면 여러므로 고생해서 코드를 짜야하는 삽질을 해야 할것 입니다.
ASP.NET에서는 AdRotator 컨트롤를 지원하고 있습니다.
AdRotator 컨트롤은 일반적으로 XML파일,데이터 소스를 사용하여 광고 이미지, URL, 광고 정보를 자동으로 읽을수 있습니다. (물론, 정해진 규칙에 의해 작성해야 한다는거 잊으면 안됩니다.)
AdRotator 어떻게 사용하지 ??
그럼 이제 예제를 통해서 어떻게 사용되는지 보도록 하겠습니다. (후비~고~우~^^)
VS2005로 새로운 프로젝트를 만듭니다. 그리고 늘 그랬듯 .aspx 페이지 하나와 XML 파일 하나를 만들어 줍니다.
그럼 먼저 XML 파일을 보도록 하겠습니다.
|
XML 파일 |
|
<?xml version="1.0" encoding="utf-8" ?> <Advertisements> <Ad> <ImageUrl>~/AdRotatorControl/images/121392860807969400.jpg</ImageUrl> <!-- 이미지 경로 --> <NavigateUrl>http://www.naver.com</NavigateUrl> <!-- 이동할 페이지--> <AlternateText>10%할인</AlternateText> <!-- 이미지 제목--> <Keyword>shopping1</Keyword> <!-- 필터링 키워드 --> <Impressions>40</Impressions> <!-- 보여줄 횟수 비율값--> </Ad> <Ad> <ImageUrl>~/AdRotatorControl/images/121394570027333900.gif</ImageUrl> <NavigateUrl>http://www.daum.net</NavigateUrl> <AlternateText>20%할인</AlternateText> <Keyword>shopping1</Keyword> <Impressions>40</Impressions> </Ad> <Ad> <ImageUrl>~/AdRotatorControl/images/121394920519137200.jpg</ImageUrl> <NavigateUrl>http://www.gmarket.co.kr/</NavigateUrl> <AlternateText>30%할인</AlternateText> <Keyword>shopping2</Keyword> <Impressions>40</Impressions> </Ad> <Ad> <ImageUrl>~/AdRotatorControl/images/121444819075955200.gif</ImageUrl> <NavigateUrl>http://www.nate.com</NavigateUrl> <AlternateText>40%할인</AlternateText> <Keyword>shopping2</Keyword> <Impressions>40</Impressions> </Ad> </Advertisements> |
.aspx파일 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AdRotator.aspx.cs" Inherits="AdRotatorControl_AdRotator" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>제목 없음</title> </head> <body> <form id="form1" runat="server"> <div style="width:189px; height:69px; background-color:Yellow;padding:2px 2px 2px 2px;"> <!--AdRotator 컨트롤 --> <asp:AdRotator runat="server" ID="AdChangeImage" AdvertisementFile="~/AdRotatorControl/TestXMLFile.xml" /> </div> </form> </body> </html>
위 와같은 XML 구조로 짜줘야 합니다! 그래야 AdRotator 컨트롤이 자동으로 데이터를 읽게 됩니다.
위 주석을 보아도 알수 있겠지만 추가 설명을 드리자면 <Keyword> 는 특정페이지에서 특정한 이미지들만 보여지게 할때 사용할수 있습니다. AdRotator 컨트롤의 AdvertisementFile 속성 이용해서 말이지요. (사용 방법은 아래 있습니다.) <Impressions>이미지(광고)를 보여줄 비율값입니다.(이값이 크면 자주 보여지겠지요)
저는 위 XML파일 명을 TestXMLFile.xml 이라고 하고 저장했습니다. 그리고 네이버에서 이미지 4개를 찾아서
AdRotatorControl폴더 안에있는 images폴더에 넣어 두었습니다.
그럼 이제 .aspx페이지 코드를 어떻게 되어 있는지 보도록 하겠습니다.
정말 간다하지 않습니까~^^
AdRotator 컨트롤의 AdvertisementFile속성은 XML파일의 경로를 가져오거나 설정합니다. 그리고 아까 위에서 말한 키위드(<Keyword>)는 AdRotator 컨트롤의 KeywordFilter속성을 이용합니다. 이속성은 필터링하는 범주 키워드를 자져오거나 설정합니다. 사용법은 아래와 같습니다.
<asp:AdRotator runat="server" ID="AdChangeImage" KeywordFilter="shopping1" AdvertisementFile="~/AdRotatorControl/TestXMLFile.xml" />
정말 간단하고 심플하지 않습니까?^^ 이제 한번 테스트 해보록 하겠습니다.
1. 그림
2. 그림
F5를 이용해서 계속 변경해 보세요~^^ 광고 이미지가 잘 바꿜것입니다.^^
참고 : [AdRotator 멤버] , [AdRotator 웹 서버 컨트롤 개요] <-- MSDN 링크 입니다.