آموزش Ad Rotator در ASP.NET

آموزش نمایش عکس به صورت تصادفی توسط کنترل AdRotator –ASP.NET

کنترل AdRotator به منظور نمایش عکس به صورت رندم و تصادفی بکار گرفته می رود. تصویری که به نمایش گذاشته می شود توسط کنترل AdRotator از مجموعه ای از تصاویر که از پیش توسط کاربر معین شده ، به صورت تصادفی گزنیش شده و نمایش داده می شود. می توان برای هر عکس ، یک url مقصد تعیین کرد تا کاربر به هنگام کلیک بر روی آن، به url گفته شده برگشت داده شود. اطلاعات تصاویر و url ها در یک منبع داده ای (data source) مانند یک فایل XML یا بانک اطلاعاتی SQL ذخیره می گرددند. کنترل حین اجرای صفحه اطلاعات را از منبع داده مربوط به خود خوانده و اجرا می کند.

کنترل عمدتا جهت نمایش بنرهای تبلیغاتی بکار می رود. هر بار که صفحه بازسازی یا تجدید (refresh) می شود ، کنترل مزبور انتخاب تصادفی بنر را انجام داده و یک بنر جدید را به نمایش می گذارد.

همچنین می توان تعیین کرد کدام تصاویر برای نمایش در اولویت قرار گیرند و یا اینکه کدام عکس ها بیشتر از سایر عکس ها نشان داده شوند.

دستور نگارش کلی کنترل AdRotator به صورت زیر می باشد.

‎‎< asp:adrotator runat="server" advertisementfile="adfile.xml" target="_blank"/ >
                        

پیش از اینکه به جزئیات کنترل AdRotator و خواص (property) آن بپردازیم، بهتر است نگاهی مختصر بر ساختار فایل Advertisement داشته باشیم.

Advertisement File

فایل Advertisement یک فایل XML است که دربردارنده ی اطلاعات مربوط به تبلیغاتی است که باید در کنترل نمایش داده شوند.

زبان نشانه گذاری توسعه پذیر ( Extensible Markup Language یا به اختصار XML ) یک استاندارد W3C برای نشانه گذاری فایل های متنی (text document markup) می باشد. XML در واقع یک زبان نشانه گذاری مبتنی بر متن است که به شما امکان می دهد داده ها را با استفاده از تگ های معنی دار در قالبی ساخت یافته (structured format) ذخیره کنید. واژه ی 'extensible' یا به فارسی 'گسترش پذیر' دلالت بر این قضیه دارد که برنامه نویس می تواند با تعریف تگ های معنی دار برای برنامه قابلیت و توان خود را در توصیف هر چه بهتر سند افزایش دهد.

XMLبه خودی خود یک زبان نیست، بلکه یک مجموعه قوانینی برای ایجاد زبان های نشانه گذاری (markup) نوین محسوب می شود. در حقیقت xml یک زبان meta-markup(علاوه بر این که یک markup یا زبان علامت گذاری می باشد، اطلاعاتی هم درباره ی نحوه ی تشکیل شدن و ساخت یافتن آن markup ارائه داده و به برنامه نویس امکان می دهد تگ های نشانه گذاری / markup tag های خود را برای تعریف آن ایجاد کند) تلقی می گردد.

XML به برنامه نویسان تحت وب امکان می دهد مجموعه تگ های سفارشی خود را برای نیل به اهداف خاص ایجاد کند. همچنین قابلیت ساخت دهی، ذخیره سازی و انتقال اطلاعات را فراهم می کند.

ذیل نمونه ای از فایل XML را مشاهده می کنید.

< book >
    ‎   < name > Learn XML < /name >‎
    ‎   < author > Samuel Peterson < /author >‎
    ‎   < publisher > NSS Publications < /publisher >‎
    ‎   < price > $30.00< /price >‎
< /book >
                        

مشابه دیگر فایل های XML، فایل advertisement باید یک فایل متنی ساخت یافته با تگ های درست تعریف شده باشد که داده ها را به نحو احسنت تعریف کند. جدول زیر عناصر استاندارد XML که به طور متداول در فایل های advertisement بکار می روند را فهرست می کند.

جدا از تگ های نام برده می توان تگ های (سفارشی) که خصیصه های (attribute) سفارشی برای آن ها تعریف شده بکار برد. کد زیر یک فایل advertisement (ads.xml) را نمایش می دهد.

                            < Advertisements >
   < Ad >
      < ImageUrl >2012123118419.png< /ImageUrl >
      < NavigateUrl >http://www.1800flowers.com< /NavigateUrl >
      < AlternateText >
         Order flowers, roses, gifts and more
      < /AlternateText >
      < Impressions >20< /Impressions >
      < Keyword >flowers< /Keyword >
   < /Ad >
   < Ad >
      < ImageUrl >2014102317530.jpg< /ImageUrl >
      < NavigateUrl >http://www.babybouquets.com.au< /NavigateUrl >
      < AlternateText >Order roses and flowers< /AlternateText >
      < Impressions >20< /Impressions >
      < Keyword >gifts< /Keyword >
   < /Ad >
   < Ad >
      < ImageUrl >2014123121431.jpg< /ImageUrl >
      < NavigateUrl >http://www.flowers2moscow.com< /NavigateUrl >
      < AlternateText >Send flowers to Russia< /AlternateText >
      < Impressions >20< /Impressions >
      < Keyword >russia< /Keyword >
   < /Ad >
< /Advertisements >
                        

خاصیت ها و رخدادهای کلاس AdRotator

همان طور که پیش تر ذکر شد کلاس AdRotator از کلاس WebControl مشتق شده و از این رو تمامی خاصیت های آن را به ارث می بر د. علاوه بر خاصیت های به ارث گرفته از کلاس مزبور، AdRotator دارای خاصیت های زیر می باشد.

انچه ذیل مشاهده می کنید فهرستی از رخدادهای (event) مهم کلاس AdRotator می باشد.

کار با کنترل AdRotator

یک صفحه ی جدید ایجاد کرده، سپس یک کنترل AdRotator به آن اضافه کنید.

< form id="form1" runat="server" >
    ‎   < div >
        ‎      < asp:AdRotator ID="AdRotator1" runat="server" AdvertisementFile="~/ads.xml" ‎onadcreated="AdRotator1_AdCreated" / >‎
    < /div >‎
< /form >
                        

فایل ads.xml و فایل های تصویری (image file) همگی باید در پوشه ی اصلی (root directory) وب سایت قرار داده شوند.

حال برنامه ی بالا را اجرا کرده و دقت کنید که با هر بار بارگذاری دوباره صفحه، تبلیغ (ad) نیز تغییر می کند.