AdRotator Control in ASP.Net

AdRotator asp.net के समृद्ध web server control में से एक है। AdRotator control का उपयोग image की प्राथमिकता के अनुसार advertisement images के sequence को प्रदर्शित करने के लिए किया जाता है। Adrotator control images के sequence को प्रदर्शित करता है, जो बाहरी XML file में निर्दिष्ट है। एक XML file में हम कुछ अन्य attributes को प्रदर्शित करने के लिए images का उपयोग करते हैं, जैसे कि image impressions, NavigateUrl, ImageUrl, AlternateText आदि|

Web page को refresh करते समय हर बार एक Adrotator control images में बदलाव किया जाएगा।

ASP.Net में AdRotator control का उदाहरण

Step 1 – Visual Studio को open करे –>एक नयी खाली web application को create करे |
Step 2 – AdRotator control को प्रदर्शित करने के लिए एक नया web page create करे |
Step 3 – AdRotator Control को toolbox से web page पर Drag and drop करे .
Step 4 – Solution Explorer पर right click करे –> New Item को add करे –> advertisement detail लिखने के लिए project में नयी XML File को add करे |
Step 5 – AdRotator control की AdvertisementFile Property के लिए XML file assign करें |

अब, asp.net में adrotator control को उदाहरण से समझते हैं

ASP.Net C # में Adrotator Control

asp.net में web application बनाएं और नीचे दिए गए web forms पर एक adrotator control लें :-

अब, Add New Item से नई XML फ़ाइल जोड़ें।


XML file का चयन करें, xml file के लिए कोई भी नाम assign करें और website में नई xml फ़ाइल जोड़ने के लिए Add button पर क्लिक करें ।

XML file में विज्ञापन (advertisement) की जानकारी होती है।

Properties Description
ImageUrl यह image के मार्ग (path) का वर्णन करता है जिसे adrotator control में प्रदर्शित किया जाएगा।
NavigateUrl उपयोगकर्ता द्वारा ad Image पर click करने पर navigation webpage link का वर्णन करें।
AlternateText जब image प्रदर्शित नहीं की जाती text प्रदर्शित किया जाएगा
Impressions image का प्रदर्शन दर या image की प्राथमिकता (priority) का वर्णन करें
Keyword यह विज्ञापन(Ad) की एक श्रेणी है।

Adrotator Control के लिए विज्ञापन (Advertisement) XML file

विज्ञापन (advertisement) के लिए नीचे xml file में code लिखें

<?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>

अब, adrotator control के AdvertisementFile property में adrotator control पर XML file assign करें ।


Adrotator control उदाहरण का output c# में है। ऊपर Adrotator control उदाहरण में हम विज्ञापन (Advertisement) xml file में तीन चित्र प्रदान करते हैं। जब हम webpage को refresh करते हैं तो हम हर बार नीचे दिए गए चित्र में देख सकते हैं कि विज्ञापन की image बदल जाएगी ।


error: Content is protected !!