# Créer un actif d’article
impact.com prend en charge les annonces HTML statiques et dynamiques, y compris les widgets de recherche, les formulaires intégrés et les bannières de produits. En tant que *Ressource d'article*, vous pouvez mettre à jour votre annonce HTML à tout moment sans outils tiers. Pour télécharger, incluez ces deux éléments obligatoires :
* Une page de destination HTTPS sécurisée (une URL absolue, commençant par `http://` ou `https://`).
* Tous les jetons d’URL dynamiques que vous souhaitez suivre lorsque les utilisateurs cliquent sur l’annonce.
#### Créer une ressource d'article
1. Dans la barre de navigation de gauche, sélectionnez  **\[Engager]** → **Contenu** → **Annonces**.
2. Dans le coin supérieur droit, sélectionnez **Créer une annonce**  **\[Menu déroulant]**, puis sélectionnez **Article**.
3. Remplissez les informations dans les sections suivantes :
Détails de la ressource
1. Saisissez un **Nom** pour votre ressource.
2. Facultativement, saisissez une **Description** fournissant des détails sur la ressource.
3. Sous *Page de destination*, sélectionnez  **\[Menu déroulant]** **Personnalisé** pour configurer une page de destination personnalisée pour votre ressource. Laissez le paramètre sur **Par défaut** pour diriger les clients vers la page de destination de votre programme.
4. Si l’annonce est destinée à être consultée dans une application mobile,  **\[Activer]** **Rattrapage mobile** et choisissez la [propriété de l’application mobile](https://app.gitbook.com/s/b2rE79d9UhOKZQLgzSqx/what-would-you-like-to-learn-about/account-management/account-settings/connect-media-properties/connect-a-mobile-app) pertinente qui renvoie vers la fiche de votre application sur la boutique.
* Cela garantit que les utilisateurs qui n’ont pas l’application seront redirigés pour la télécharger.
5. Pour ajouter des paramètres au lien de suivi de la page de destination, sélectionnez  **\[Ajouter des métadonnées]**. Ces paramètres seront ajoutés à la fin du lien de suivi de la ressource.
* En savoir plus sur [les paramètres du lien de suivi](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/platform-features/tracking/tracking-explained/tracking-link-parameters-explained).
6. Facultativement, saisissez **Étiquettes** pour rendre votre ressource plus facilement searchable.
* En savoir plus sur la création et la gestion des [étiquettes de ressource](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/platform-features/ads/manage-ads/add-labels-to-assets).
7.  **\[Activer] Restreindre l’accès des partenaires** pour définir quels groupes de partenaires peuvent utiliser cette ressource, et recherchez les **Groupes de partenaires** auxquels vous souhaitez accorder l’accès à cette ressource.
Configuration de la ressource
1. Dans le *Contenu* champ, saisissez le code HTML/CSS/JS de votre annonce, ou utilisez les options de l’éditeur de texte enrichi pour formater votre contenu plus facilement.
* **Astuce :** Vous pouvez télécharger des images directement en ligne avec votre contenu en utilisant l’éditeur de texte enrichi.
2. Si vous utilisez des jetons dynamiques, sélectionnez **Insérer d’autres champs dynamiques** pour afficher tous les jetons disponibles à insérer.
* Consultez la *référence des jetons dynamiques* ci-dessous pour apprendre quel type de contenu chaque jeton insère.
3. Facultativement, sélectionnez une **Taille de ressource** en choisissant une résolution dans le  **\[Menu déroulant]**.
* L’ *Autre* vous permet de configurer une taille personnalisée.
Détails promotionnels
1. Facultativement, sélectionnez un **Offre** ou **Ajouter une nouvelle offre** depuis les  **\[Menus déroulants]**.
2. Facultativement, définissez **Date de début** et **Date de fin** pour la ressource, et définissez un **Fuseau horaire** depuis les  **\[Menu déroulant]**.
* Sélectionnez le  **\[Calendrier]** pour appliquer la date de la ressource, puis définissez l’  **\[Menu déroulant]** pour régler les heures de début et de fin.
3. Facultativement, sélectionnez  **\[Case non cochée]** **Changer la page de destination à l’expiration**, puis procédez en sélectionnant **Configurer la règle** pour configurer ce qui se passe si la page de destination expire.
**Rediriger**
1. Depuis le  **\[Menu déroulant]** sélectionnez **Rediriger**.
2. Saisissez le lien vers lequel la ressource redirigera.
3. Facultativement,  **\[Activer]** **Page interstitielle** pour activer et configurer une page interstitielle associée à cette règle.
4. Depuis le **Modèle**  **\[Menu déroulant]** sélectionnez **Personnalisé** ou **Installation d’application**.
1. **Personnalisé**
1. Saisissez un **Texte d’en-tête**.
2. Facultativement, saisissez une **Texte principal**.
3. Facultativement, saisissez **Conditions supplémentaires** pour cette ressource.
4. Facultativement, sélectionnez la ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Exiger la reconnaissance de l’utilisateur**.
5. Sélectionnez le ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Afficher le logo du partenaire (co-brandé)** et afficher à la fois votre logo et le logo du partenaire pour une expérience co-brandée.
6. Sélectionnez le ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Personnaliser le CSS** et ajoutez le code CSS souhaité dans la zone de texte.
7. Sélectionnez **Aperçu**.
2. **Installation d’application**
1. Saisissez un **Texte d’en-tête** et **Couleur de la police de l’en-tête**.
2. Saisissez un **Sous-en-tête** et **Couleur de la police du sous-en-tête**.
3. Pour **Télécharger le logo** et **Télécharger l’image de couverture**, sélectionnez **Choisir le fichier**— N’oubliez pas que les formats GIF, JPG, PNG, SVG sont pris en charge. La taille maximale du fichier est de 1 Mo.
4. Saisissez un **Libellé du bouton de téléchargement** (par exemple, *Télécharger maintenant*).
* Saisissez un **Couleur de la police du bouton de téléchargement** et **Couleur d’arrière-plan du bouton de téléchargement**.
* Saisissez un **Libellé du bouton Continuer** et **Couleur de la police du bouton Continuer**.
5. Saisissez un **Compte à rebours de redirection automatique** avec le nombre de secondes autorisé avant la redirection.
6. Facultativement, saisissez une **Texte principal**.
7. Sélectionnez le ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Afficher le logo du partenaire (co-brandé)** et afficher à la fois votre logo et le logo du partenaire pour une expérience co-brandée.
8. Sélectionnez le ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Personnaliser le CSS** et ajoutez le code CSS souhaité dans la zone de texte.
9. Sélectionnez **Aperçu**.
**Bloc**
1. Facultativement,  **\[Activer]** pour **Utiliser l’interstitiel** pour activer et configurer une page interstitielle associée à cette règle.
2. Depuis le **Modèle**  **\[Menu déroulant]** sélectionnez **Personnalisé**.
3. Saisissez un **Texte d’en-tête**.
4. Facultativement, saisissez une **Texte principal**.
5. Sélectionnez **Aperçu**.
**Interstitiel**
1. Depuis le **Modèle**  **\[Menu déroulant]** sélectionnez **Personnalisé** ou **Installation d’application**.
1. **Personnalisé**
1. Saisissez un **Texte d’en-tête**.
2. Facultativement, saisissez une **Texte principal**.
3. Facultativement, saisissez **Conditions supplémentaires** et conditions à appliquer.
4. Sélectionnez le ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Exiger la reconnaissance de l’utilisateur**.
5. Sélectionnez le ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Afficher le logo du partenaire (co-brandé)** et afficher à la fois votre logo et le logo du partenaire pour une expérience co-brandée.
6. Sélectionnez le ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Personnaliser le CSS** et ajoutez le code CSS souhaité dans la zone de texte.
7. Sélectionnez **Aperçu**.
2. **Installation d’application**
1. Saisissez un **Texte d’en-tête** et **Couleur de la police de l’en-tête**.
2. Saisissez un **Sous-en-tête** et **Couleur de la police du sous-en-tête**.
3. Pour **Télécharger le logo** et **Télécharger l’image de couverture**, sélectionnez **Choisir le fichier**— N’oubliez pas que les formats GIF, JPG, PNG, SVG sont pris en charge. La taille maximale du fichier est de 1 Mo.
4. Saisissez un **Libellé du bouton de téléchargement** (par exemple, *Télécharger maintenant*).
* Saisissez un **Couleur de la police du bouton de téléchargement** et **Couleur d’arrière-plan du bouton de téléchargement**.
* Saisissez un **Libellé du bouton Continuer** et **Couleur de la police du bouton Continuer**.
5. Saisissez un **Compte à rebours de redirection automatique**, pour indiquer le nombre de secondes autorisé avant la redirection.
6. Facultativement, saisissez une **Texte principal**.
7. Sélectionnez le ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Afficher le logo du partenaire (co-brandé)** et afficher à la fois votre logo et le logo du partenaire pour une expérience co-brandée.
8. Sélectionnez le ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[Case non cochée]** pour **Personnaliser le CSS** et ajoutez le code CSS souhaité dans la zone de texte.
9. Sélectionnez **Aperçu** et une fois que vous êtes satisfait de l’aperçu, sélectionnez **Soumettre**.
**Liens profonds mobiles**
1. Depuis le **Modèle**  **\[Menu déroulant]**, sélectionnez **Liens profonds mobiles**.
2. Saisissez le **Texte d’en-tête** et **Couleur de la police de l’en-tête**.
3. Saisissez le **Sous-en-tête** et **Couleur de la police du sous-en-tête**.
4. Pour **Télécharger le logo** et **Télécharger l’image de couverture**, sélectionnez **Choisir le fichier**— N’oubliez pas que les formats GIF, JPG, PNG, SVG sont pris en charge. La taille maximale du fichier est de 1 Mo.
5. Saisissez un **Libellé du bouton Ouvrir l’application** (par exemple, *Aller à l’application*).
* Saisissez un **Couleur de la police du bouton Ouvrir l’application** et **Couleur d’arrière-plan du bouton Ouvrir l’application**.
* Saisissez un **Libellé du lien Continuer** et **Couleur de la police du lien Continuer**.
6. Choisissez quand **Ouvrir l’application** en sélectionnant soit,  **\[Bouton radio]** **Dès que l’interstitiel se charge** ou  **\[Bouton radio]** **Lorsque le bouton est appuyé**.
7. Sélectionnez  **\[Case non cochée]** pour choisir une **Redirection automatique** et saisissez le nombre de secondes autorisé avant la redirection.
8. Saisissez un **Chemin URI par défaut** à utiliser lors de la construction de [URI mobile](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/platform-features/tracking/mobile-app-tracking/configure-deep-linking-logic-with-uri-schemes) en utilisant le schéma d’URL du programme configuré dans [*Paramètres généraux de suivi*](https://app.impact.com/secure/advertiser/tracking-settings/general-trackingsettings-flow.ihtml).
9. Saisissez un **Regex d’URI personnalisé** pour définir le modèle correspondant aux URI mobiles dans le schéma d’URL personnalisé de l’application.
10. Sélectionnez le  **\[Case non cochée]** pour **Personnaliser le CSS** et ajoutez le code CSS souhaité dans la zone de texte.
11. Sélectionnez **Aperçu**.
12. Facultativement, spécifiez si la ressource est **Saisonnière** et utilisez le  **\[Menu déroulant]** pour sélectionner une période promotionnelle pertinente.
13. Sous *Options promotionnelles supplémentaires*, vous pouvez sélectionner si votre  **\[Case à cocher] L’offre est un article le plus vendu** ou  **\[Case à cocher] Autoriser un partenaire média à demander son propre code promo unique pour cette promotion**.
Paramètres avancés
1. Depuis le  **\[Menu déroulant]**, sélectionnez dans quelle **Langue** vous souhaitez diffuser cette ressource.
2. Pour limiter les partenaires à l’utilisation de codes de suivi iFrame (et empêcher les codes de suivi HTML) pour cette ressource, sélectionnez  **\[Case à cocher]** **Limiter les partenaires au code de suivi iFrame pour cette ressource**.
3. Pour configurer un pixel tiers pour la ressource,  **\[Activer] Pixel d’impression tiers**.
* Cela vous permet d’envoyer des données d’impression vers vos systèmes d’analyse externes.
* Consultez la *référence des jetons dynamiques* référence pour savoir quel type de contenu vous pouvez insérer avec chaque jeton.
4. Sélectionnez le **Enregistrer** ou **Enregistrer le brouillon**  **\[Menu déroulant]** et choisissez parmi les options suivantes :
{% tabs %}
{% tab title="Enregistrer" %}
* **Enregistrer** - Enregistre la ressource et l’active.
* **Enregistrer et créer un autre** - Enregistre la ressource et ouvre un nouveau formulaire pour en créer une autre.
* **Enregistrer et créer un autre avec les mêmes paramètres** - Enregistre la ressource et commence une nouvelle avec les mêmes paramètres préremplis.
{% endtab %}
{% tab title="Enregistrer le brouillon" %}
* **Enregistrer le brouillon** - Enregistre votre progression sans activer la ressource.
* **Enregistrer et créer un autre** - Enregistre le brouillon et ouvre un nouveau formulaire de brouillon.
* **Enregistrer et créer un autre avec les mêmes paramètres** - Enregistre le brouillon et commence un nouveau brouillon avec les mêmes paramètres préremplis.
{% endtab %}
{% endtabs %}
**Exemple d’annonce à contenu dynamique**
Dans le *Code d’exemple* fourni ci‑dessous, nous avons :
* Un formulaire HTML avec une zone de texte et un bouton « Envoyer »
* CSS intégré pour styliser le formulaire indépendamment du reste du contenu
* Un `
` contenant pour le widget
* Fonction JavaScript qui crée dynamiquement un lien de suivi impact.com et ajoute des paramètres de chaîne de requête
* Un `
