کار با کنترل Adrotator در ASP.NET

فکر میکنم خیلی از سایتها تبلیغات میکنند با ابزارهای مختلف ، خب حالا ما می خواهیم در سایتهایی که با ASP.NET نوشته میشوند تبلیغات کنیم . برای این منظور از کنترل Adrotator استفاده میکنیم ، کار با این کنترل خیلی ساده هست . در این پست کار با این کنترل رو توضیح میدم البته جلوتر هم میریم و مطالبی در خصوص Custom adrotator هم مثال میزنیم تا بتونید کاملا حرفه ای با این کنترل کار کنید .

ابتدا من یک تعریف از Adrotator میکنم ::

کار کرد کلی این کنترل به این صورت هست که یکسری عکس که شما در فایلی مثلا XML گذاشتید رو نمایش میده بوسیله رفرش کردن صفحه یا ورودی های کاربر ، نمایش این عکسها به صورت تصادفی صورت میگیره . زمانی که شما بر روی هر یک از عکسها کلیک کنید به ادرسی هدایت میشید . این کنترل با منابع داده های مختلفی کار میکنه از جمله XML و DataBase (در بحث ما SQL)  که اکثر مواقع با همین دو کار میکنید . در این پست به فایلهای XML میپردازم و در پست بعدی بانک اطلاعاتی SQL رو توضیح میدم .

خب ابتدا میریم سراغ فایلهای XML :

برای پیاده سازی این کنترل با استفاده از فایلهای xml دو روش رو من توضیح میدم ، اول بوسیله رفرش کردن صفحه که حالت ساده اون هست و حالت دوم هم با استفاده از تایمر هست که به با استفاده از interval که شما تنظیم کردید عکسها اوض میشه .

حالت اول :

ابتدا یک کنترل adrotator با صفحه اضافه کنید ، بعد یک فایل XML ایجاد کنید و لیست فایلهاتون رو وارد کنید . (نام تگ root حتما مثل مثال باشد. )

 

xml version="1.0" encoding="utf-8" ?>

<Advertisements>

  <Ad>

    <ImageUrl>~\IMG1.jpgImageUrl> (1)

    <NavigateUrl>Test_2.aspxNavigateUrl>            (2)

    <AlternativeText>This Is KaleAlternativeText>         (3)

    <Impressions>12Impressions>   (4)

    <Keyword>Type1Keyword>  (5)

  Ad>

  <Ad>

    <ImageUrl>~\15414008.jpgImageUrl>

    <NavigateUrl>Test_2.aspxNavigateUrl>

    <AlternativeText>This Is NoteAlternativeText>

    <Impressions>11Impressions>

    <Keyword>Type2Keyword>

  Ad>

  <Ad>

    <ImageUrl>~\programmingexcelservice.jpgImageUrl>

    <NavigateUrl>Test_2.aspxNavigateUrl>

    <AlternativeText>This Is Me ! AlternativeText>

    <Impressions>12Impressions>

    <Keyword>Type2Keyword>

  Ad>

  <Ad>

    <ImageUrl>~\undergroundmusic_banner.jpgImageUrl>

    <NavigateUrl>Test_2.aspxNavigateUrl>

    <AlternativeText>This Is ProgrammerAlternativeText>

    <Impressions>12Impressions>

    <Keyword>LastKeyword>

  Ad>

Advertisements>

 

 

خب ، شما برای ایجاد هر عکس یک تگ add اضافه میکنید ، این تگ ما دارای پنج زیر شاخه هست :

(1)

آدرس عکس

 (2)

آدرسی که سایت بعد از رخداد هدایت میشه (رخدادی مانند کلیک موس ! )

 (3)

این تگ دقیقا کارکرد ALT رو داره ، همچنین به صورت tool tip هم نمایش داده میشه .

(4)

تعداد دفعاتی که عکس نمایش داده میشه ، هرچی عدد بزرگتر باشه بیشتر نمایش داده میشه ، البته این عدد نسبت به عدد های دیگه سنجیده میشه و نسبی هست .

(5)

در این قسمت هم میتونید کلمات کلیدی مرتبط رو اضافه کنید .

حالا فقط کافیه خاصیت AdvertisementFile کنترل adrotator رو با فایل xml تون ست کنید ، یا اینکه DataSource کنترل رو فایل XML مربوطه انتخاب کنید . در ضمن شما میتونید کلمات کلیدی رو در هنگام نمایش فیلتر کنید به این صورت ::

 

images.KeywordFilter = "Type2";

البته خیلی از مقادیر هست که شما میتونید در قسمت کد نویسی ست کنید .

 

حالت دوم :

حالت دوم استفاده از تایمر هست که به نظر من خیلی جالب تر و سیستمی تر میشه ! ابتدا یک UpdatePanel ایجاد کنید و کنترل adrotator رو درون اون قرار بدید ، بعد یک ScriptManager رو به صفحه اضافه کنید و در آخر هم یک تایمر ، مقدار Interval رو هم به دلخواه تنظیم کنید ، مقادیر بر اساس میلی ثانیه هست . حالا در رخداد Tick تایمر این کد رو وارد کنید ::

        protected void Timer1_Tick(object sender, EventArgs e)

        {

            UpdatePanel1.Update();

        }

 

امیدوارم که آموزش مفیدی براتون بوده باشه ، در قسمت بعد با استفاده از SQL این کار رو انجام میدیم . یک کد خیلی جالب هم در پست بعدی براتون آماده کردم در همین مورد ، البته اگر استقبال خوب بود میذارم !

موفق باشید .