AdRotator Control in ASP.Net

In previous asp.net server control post we had discussed about MultiView Control and ListBox Control and FileUpload Control and CheckBox Control and RadioButton Control and DropDownList Control and TextBox Control.

ASP.Net AdRotator Control

The AdRotator is one of the rich web server control of asp.net. AdRotator control is used to display a sequence of advertisement images as per given priority of image.

Adrotator control display the sequence of images, which is specified in the external XML file. In a xml file we indicate the images to display with some other attributes, like  image impressions, NavigateUrl, ImageUrl, AlternateText.

In a Adrotator control images will be changed each time while refreshing the web page.

AdRotator Control Example in ASP.Net

Step 1 – Open Visual Studio –> Create a new empty web application.

Step 2 – Create New web page for display AdRotator control.

step 3 – Drag and drop AdRotator Control on web page from toolbox.

step 4 – Right click on Solution Explorer –> Add New Item –> Add New XML File in project for write advertisement detail.

step 5 – Assign XML File to AdvertisementFile Property of AdRotator control.

Now, let’s understand the adrotator control with an asp.net example.

Adrotator Control in ASP.Net C#

Create a asp.net web application and take an adrotator control on web forms like below:

How to use Adrotator control in asp.net C#.
How to use Adrotator control in asp.net C#.

Now, Add new XML file from Add New Item.

How to use Adrotator control in asp.net C#.
How to use Adrotator control in asp.net C#.

Select XML file, assign any name for xml file and click Add button to add new xml file in webiste.

How to use Adrotator control in asp.net C#.
How to use Adrotator control in asp.net C#.

The XML file contain the advertisement information.

Properties Description
ImageUrl It is describe the path of image which will be displayed in adrotator control.
NavigateUrl Describe the navigation webpage link when user click on ad Image.
AlternateText The text will be displayed when image can not be displayed.
Impressions Describe the display rate of image or priority of image
Keyword It is a category of Ad.

Advertisement XML File for Adrotator Control

Write below code in xml file for advertisement.

<?xml version="1.0" encoding="utf-8" ?>
<Advertisements>
  <Ad>
    <ImageUrl>img/1.png</ImageUrl>
    <NavigateUrl>https://meeraacademy.com</NavigateUrl>
    <AlternateText>Meera Academy</AlternateText>
    <Impressions>50</Impressions>
    <Keyword>Meera</Keyword>
  </Ad>

  <Ad>
    <ImageUrl>img/2.png</ImageUrl>
    <NavigateUrl>http://meera.com</NavigateUrl>
    <AlternateText>Meerta Aademy</AlternateText>
    <Impressions>100</Impressions>
    <Keyword>Academy</Keyword>
  </Ad>
  <Ad>
    <ImageUrl>img/3.png</ImageUrl>
    <NavigateUrl>https://meeraacademy.com</NavigateUrl>
    <AlternateText>Meerta Aademy</AlternateText>
    <Impressions>50</Impressions>
    <Keyword>Academy</Keyword>
  </Ad>
</Advertisements>

Now, assign the XML file to adrotator control at AdvertisementFile property of adrotator control.

How to use Adrotator control in asp.net C#.
How to use Adrotator control in asp.net C#.

 

How to use Adrotator control in asp.net C#.
How to use Adrotator control in asp.net C#.

 

The output  of Adrotator control example  in c#.

In above Adrotator control example we assign three images in Advertisement xml file. We can see in below figure each time ad image will be changed when we refresh the webpage.

meeraacademy.com
AdRotator Control in ASP.Net C# Example

Learn ASP.Net C# Website Projects

Social Networking Site in ASP.Net Project
Society Management System ASP.Net Project


Subscribe us

If you liked this asp.net post, then please subscribe to our YouTube Channel for more asp.net video tutorials.

We hope that this asp.net post helped you to understand Adrotator server side control.


Next, We will learn about ASP.Net Button Control.


4 thoughts on “AdRotator Control in ASP.Net

Leave a Reply

Your email address will not be published. Required fields are marked *