Le contrôleur de rotation des publicités sélectionne de manière aléatoire l'image de bannière spécifiée dans le fichier de synchronisation XML externe dans une liste. Ce fichier de timing XML externe est appelé fichier de publicité.
Le contrôle Rotation publicitaire vous permet de spécifier un fichier publicitaire et un type de fenêtre, et les liens doivent respectivement suivre les propriétés AdvertisementFile et Target.
La syntaxe de base pour ajouter AdRotator est la suivante :
<asp:AdRotator runat = "server" AdvertisementFile = "adfile.xml" Target = "_blank" />Avant de comprendre le champ AdRotator et ses propriétés, intéressons-nous d'abord à la composition du fichier publicitaire.
Un fichier publicitaire est un fichier XML qui contient les informations nécessaires à l'affichage de l'annonce.
XML (Extensible Markup Language) est un langage de balisage de documents texte standard du W3C. Il s'agit d'un langage de balisage textuel qui vous permet de stocker des données dans un format structuré en utilisant des balises significatives. Le terme « extensible » signifie que la fonctionnalité peut être étendue pour décrire des documents en définissant des balises significatives pour l'application.
XML lui-même n'est pas un langage, comme HTML, mais un ensemble de règles permettant de créer un nouveau langage de balisage. C'est un langage de méta-balisage. Il permet aux développeurs de créer des ensembles de balises personnalisés à des fins spéciales. Il construit, stocke et transmet des informations.
Voici un exemple de fichier XML :
<BOOK> <NAME> Learn XML </NAME> <AUTHOR> Samuel Peterson </AUTHOR> <PUBLISHER> NSS Publications </PUBLISHER> <PRICE> $30.00</PRICE></BOOK>Comme tous les fichiers XML, le fichier publicitaire doit être un fichier texte structuré bien défini et balisé pour représenter les données. Voici quelques éléments XML standards couramment utilisés dans les fichiers publicitaires :
| élément | décrire |
|---|---|
| Publicités | Entourez les fichiers publicitaires. |
| Annonce | Définir la publicité indépendante. |
| URL de l'image | Le chemin d’accès à l’image à afficher. |
| NaviguerUrl | Le lien qui apparaît lorsqu'un utilisateur clique sur cette annonce. |
| Texte alternatif | Si l'image ne peut pas être affichée, le texte sera affiché. |
| Mot clé | Les mots clés sont utilisés pour identifier un groupe d'annonces à des fins de filtrage. |
| Impressions | Ce nombre indique la fréquence à laquelle l'annonce apparaît. |
| Hauteur | Affiche la hauteur de l'image. |
| Largeur | Affiche la largeur de l'image. |
En plus de ces balises, des balises personnalisées avec des attributs généraux peuvent également être incluses. Le code suivant illustre un fichier publicitaire, ads.xml :
<Advertisements> <Ad> <ImageUrl>rose1.jpg</ImageUrl> <NavigateUrl>http://www.1800flowers.com</NavigateUrl> <AlternateText> Order flowers, roses, gifts and more </AlternateText> <Impressions>20</Impressions> <Keyword>flowers</Keyword> </Ad> <Ad> <ImageUrl>rose2.jpg</ImageUrl> <NavigateUrl>http://www.babybouquets.com.au</NavigateUrl> <AlternateText>Order roses and flowers</AlternateText> <Impressions>20</Impressions> <Keyword>gifts</Keyword> </Ad> <Ad> <ImageUrl>rose3.jpg</ImageUrl> <NavigateUrl>http://www.flowers2moscow.com</NavigateUrl> <AlternateText>Send flowers to Russia</AlternateText> <Impressions>20</Impressions> <Keyword>russia</Keyword> </Ad> <Ad> <ImageUrl>rose4.jpg</ImageUrl> <NavigateUrl>http://www.edibleblooms.com</NavigateUrl> <AlternateText>Edible Blooms</AlternateText> <Impressions>20</Impressions> <Keyword>gifts</Keyword> </Ad></Advertisements>La classe AdRotator est dérivée de la classe WebControl et hérite de ses propriétés. En plus de ces propriétés, la classe AdRotator possède les propriétés suivantes :
| propriété | décrire |
|---|---|
| Fichier de publicité | Le chemin d'accès au fichier publicitaire. |
| Champ de texte alternatif | Le nom de l'élément du champ qui fournit un texte alternatif. La valeur par défaut est Texte alternatif. |
| Membre de données | Le nom de la liste spécifique de données à laquelle se lier lorsque vous n'utilisez pas de fichier publicitaire. |
| Source de données | Contrôler la récupération des données. |
| ID de source de données | Récupérez l’ID de contrôle des données. |
| Fonte | Spécifie les propriétés de police associées au contrôle de bannière publicitaire. |
| ChampUrlImage | Nom du domaine qui fournit l'image URL. La valeur par défaut est ImageUrl. |
| Filtre de mots clés | Diffusez uniquement des annonces basées sur des mots clés. |
| NavigateUrlField | Fournit le nom de l'élément du domaine de l'URL vers lequel accéder. La valeur par défaut est NavigateUrl. |
| Cible | Fenêtre ou cadre du navigateur qui affiche le contenu de la page Web liée. |
| ID unique | Obtient l'identifiant unique et qualifié hiérarchiquement du contrôle AdRotator. |
Voici les événements très importants de la classe AdRotator :
| événement | décrire |
|---|---|
| Annonce créée | Lancé après chaque aller-retour vers le serveur crée le contrôle, mais avant le rendu de la page. |
| Liaison de données | Déclenché lorsqu'un contrôle serveur est lié à une source de données. |
| Lié aux données | Se produit une fois que le contrôle serveur est lié à la source de données. |
| Éliminé | Se déclenche lorsqu'une page ASP.NET est demandée au cours de la dernière phase du cycle de vie du contrôle serveur lorsque le contrôle serveur est libéré de la mémoire. |
| Initialisation | Lancé lorsque le contrôle serveur est initialisé, la première étape de son cycle de vie se produit. |
| Charger | Se déclenche lorsque le contrôle serveur est chargé dans l'objet Page. |
| Pré-rendu | Lancé après le chargement de l'objet Control mais avant son rendu. |
| Décharger | Déclenché lorsque le contrôle serveur est déchargé de la mémoire. |
Créez une nouvelle page Web et placez-y un contrôle AdRotator.
<form id="form1" runat="server"> <div> <asp:AdRotator ID="AdRotator1" runat="server" AdvertisementFile ="~/ads.xml" onadcreated="AdRotator1_AdCreated" /> </div></form>Le fichier ads.xml et les fichiers image doivent se trouver dans le répertoire racine du site Web.
Essayez d'exécuter l'application ci-dessus et observez que les annonces sont modifiées à chaque rechargement de la page.