> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/platform-features/ads/create-ads/create-an-article-asset.md).

# Créer une ressource 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 qu' *Ressource d'article*, vous pouvez mettre à jour votre annonce HTML à tout moment sans outils tiers. Pour téléverser, incluez ces deux éléments requis :

* 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 ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage]** → **Contenu** → [**Annonces**](https://app.impact.com/secure/advertiser/engage/ads/manage-all-ads-flow.ihtml).
2. Dans le coin supérieur droit, sélectionnez **Créer une annonce** ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[menu déroulant]**, puis sélectionnez **Article**.
3. Renseignez les informations dans les sections suivantes :

<details>

<summary>Détails de l'élément</summary>

1. Saisissez un **Nom** pour votre ressource.
2. Si vous le souhaitez, saisissez un **Description** en fournissant des détails sur la ressource.
3. Sous *Page de destination*, sélectionnez ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[menu déroulant]** **personnalisé** pour configurer une page de destination personnalisée pour votre ressource. Laissez le paramètre sur **Par défaut** pour rediriger les clients vers la page de destination de votre programme.
4. Si vous le souhaitez, ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[Activer] le mode de secours mobile** pour rediriger le trafic mobile provenant de cet asset si impact.com n’a pas détecté que votre application est déjà installée. Seuls les systèmes d’exploitation mobiles que vous avez configurés dans votre [paramètres d’application mobile](/brand/fr/what-would-you-like-to-learn-about/platform-features/tracking/mobile-app-tracking/set-up-a-mobile-app.md) apparaîtront ici.
   * **Android** — depuis ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[menu déroulant]** dans *Android*, sélectionnez une option de secours. Cette sélection sera ensuite renseignée avec l’URL de téléchargement de votre application.
   * **iOS** — depuis ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[menu déroulant]** dans *iOS*, sélectionnez une option de secours. Cette sélection sera ensuite renseignée avec l’URL de téléchargement de votre application.
5. Pour ajouter des paramètres au lien de suivi de la page de destination, sélectionnez ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6282f271b7521383385339243690b303086736d9%2F3b5a585dd2895bdf1c30d1236c72ba590dddd18717863b27074c8d313d05ae20.svg?alt=media) **\[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](/brand/fr/what-would-you-like-to-learn-about/platform-features/tracking/tracking-explained/tracking-link-parameters-explained.md).
6. Facultativement, saisissez **des étiquettes** pour rendre votre ressource plus facile à rechercher.
   * En savoir plus sur la création et la gestion des [étiquettes de ressource](/brand/fr/what-would-you-like-to-learn-about/platform-features/ads/manage-ads/add-labels-to-assets.md).
7. ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[Activer] Restreindre l'accès des partenaires** pour définir quels groupes de partenaires peuvent utiliser cette ressource, et rechercher le **Groupes de partenaires** auxquels vous souhaitez accorder l’accès à cet élément.

</details>

<details>

<summary>Configuration de l’élément</summary>

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 mettre en forme votre contenu plus facilement.
   * **Astuce :** Vous pouvez téléverser des images directement en ligne avec votre contenu à l’aide de l’éditeur de texte enrichi.
2. Si vous utilisez des jetons dynamiques, sélectionnez **Insérer d'autres champs dynamiques** pour afficher toutes les insertions de jetons disponibles.
   * Voir la *Jeton dynamique* ci-dessous pour savoir quel type de contenu chaque jeton insère.
3. Facultativement, sélectionnez un **Taille de la ressource** en choisissant une résolution dans le ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[menu déroulant]**.
   * Le *Autre* L'option permet de configurer une taille personnalisée.

</details>

<details>

<summary>Détails promotionnels</summary>

1. Facultativement, sélectionnez un élément **Offre** ou **Ajouter une nouvelle offre** depuis le ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[Menus déroulants]**.
2. Facultativement, définissez **Démarrer** et **Dates de fin** pour la ressource, et définissez un **Fuseau horaire** depuis le ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[menu déroulant]**.
3. Sélectionnez le ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-82e75b518a6cfe0fb2fedc3e1d21154fc9dee900%2F3754728747f89a16597a42d74f841edf8612889648f257c01aff47a200ac144d.svg?alt=media) **\[Calendrier]** pour appliquer la date de la ressource, puis définissez le ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[menu déroulant]** pour définir les heures de début et de fin.

* Optionally, select ![](https://1651675991-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpVKEIcehMut8QKRmaUZu%2Fuploads%2FOCaWcqWQdbBn7MBnXC7J%2Funcheck%20box.svg?alt=media\&token=beed3b36-d113-45af-b9c4-e07c556537fb) **\[Unchecked box]** **change landing page on expiration** and proceed by selecting **Configure Rule** to configure what happens if the landing page expires. Select the expiration rule you want to apply from the options below and then click **Submit**:

1. Facultativement, indiquez si la ressource est **Période saisonnière** et utilisez le ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[menu déroulant]** pour sélectionner une période promotionnelle pertinente.
2. Sous *Options promotionnelles supplémentaires*, vous pouvez sélectionner si votre ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9fd92d4378edf839f6a1f6fc0beaa1660b3892b5%2F69842c54f03332c1e2eed608d72b25ad10248384a914164a7255a1e94dc76ee2.svg?alt=media) **\[Case à cocher] L'offre est un article best-seller** ou ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9fd92d4378edf839f6a1f6fc0beaa1660b3892b5%2F69842c54f03332c1e2eed608d72b25ad10248384a914164a7255a1e94dc76ee2.svg?alt=media) **\[Case à cocher] Autoriser un partenaire média à demander son propre code promo unique pour cette promotion**.

</details>

<details>

<summary>Paramètres avancés</summary>

1. À partir de ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[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 ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9fd92d4378edf839f6a1f6fc0beaa1660b3892b5%2F69842c54f03332c1e2eed608d72b25ad10248384a914164a7255a1e94dc76ee2.svg?alt=media) **\[Case à cocher]** **Limiter les partenaires au code de suivi iFrame pour cet élément**.
3. Pour configurer un pixel tiers pour la ressource, ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[Activer] Pixel d'impression tiers**.
   * Cela vous permet d'envoyer les données d'impression à vos systèmes d'analyse externes.
   * Voir la *Jeton dynamique* ci-dessous pour savoir quel type de contenu vous pouvez insérer avec chaque jeton.

</details>

4. Sélectionnez le **Enregistrer** ou **Enregistrer le brouillon** ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[menu déroulant]** et choisissez parmi les options suivantes :

{% tabs %}
{% tab title="Enregistrer" %}

* **Enregistrer** - Enregistre la ressource et l'active.
* **Enregistrer et en créer un autre** - Enregistre l’élément et ouvre un nouveau formulaire pour en créer un autre.
* **Enregistrer et en créer un autre avec les mêmes paramètres** - Enregistre l’élément et en lance un nouveau 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 en créer un autre** - Enregistre le brouillon et ouvre un nouveau formulaire de brouillon.
* **Enregistrer et en créer un autre avec les mêmes paramètres** - Enregistre le brouillon et lance un nouveau brouillon avec les mêmes paramètres préremplis.
  {% endtab %}
  {% endtabs %}

**Exemple d'annonce à contenu dynamique**

Dans le *Code exemple* ci-dessous, nous avons :

* Un formulaire HTML avec un champ de saisie de texte et un bouton « Submit »
* Du CSS intégré pour styliser le formulaire indépendamment des autres contenus
* Un `<div>` conteneur du 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 `<noscript>` balise permettant au système d'accepter le script lorsqu'il n'a pas de lien sortant (Sans cette balise, nous rencontrerions une erreur lors de la tentative de téléversement de cette création.)

  En pratique, bon nombre de ces éléments peuvent être hébergés ou intégrés à votre site Web—impact.com prend en charge des fichiers HTML, CSS et JavaScript externes pour le contenu dynamique.

```html
<style type="text/css">  
#search-widget-container 
{    font-family:"Verdana";
     padding:20px;     
     width:280px;    
     height:75px;
     margin:30px;
     background:#FFFFFF;
     border:1px solid #BBBDBF;
     border-radius:6px;
     box-shadow:5px 5px 2px rgba(0,0,0,0.1);   }   
     #submitbutton 
     {background:#fff;
     color:#3B91CF;
     font-weight:bold;
     font-size:12px;
     padding:5px:
     border-radius:6px;
     border:1px solid #3B91CF;
     cursor:pointer;   }   
    #submitbutton:hover {    
     background:#3B91CF;
     color:#fff;  }
     #searchbox {
      width:200px;
      margin:10px 10px 10px 0px;   }
</style>
<div id='search-widget-container'>
<img src="http://www.impactradius.com/wp-content/uploads/2014/05/impact-radius-logo.png" width="150px">  
<form><input name='searchTerm' 
   id='searchBox'
   type='text' 
   placeholder='Rechercher sur le site Web'>
    <input onClick="searchFunction()" 
     type='submit' 
     value='Submit'
     id='submitbutton'>
 </form>
</div>
<script type="text/javascript">
function searchFunction() {  
// Récupérer la valeur saisie par l'utilisateur dans la zone de recherche 
var searchTerm = document.getElementById("searchBox").value;  
var landingPage = "http://{domain}/c/{irpid}/{iradid}/{ircid}?p.searchTerm=";
// Ajouter searchTerm à la fin de landingPage
var completeURL = landingPage.concat(searchTerm);
// Rediriger le client vers l'URL finale complète
window.location.href = completeURL;   } 
</script>
<noscript>
<a href=”http://www.example.com”>Lien sans script</a>
</noscript>
```

* Le code JavaScript génère une URL de suivi à l’aide de jetons dynamiques et ajoute les termes de recherche en tant que paramètres de chaîne de requête.
* Comme le contenu n'a pas d'URL absolue, nous utilisons `{domain}`, `{irpid}`, `{iradid}`, et `{ircid}` comme jetons dynamiques pour générer un lien de suivi, qui se renseigne avec les valeurs du domaine de suivi du programme, de l'ID du partenaire, de l'ID de l'annonce et de l'ID du programme.
* Une fois cliqué, le client sera redirigé via impact.com puis vers la page de destination — dans ce cas, `https://www.example.com`

<details>

<summary>Référence des jetons dynamiques</summary>

| Jeton                   | Pris en charge dans                          | Description                                                                                    |
| ----------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------- |
| `{irpid}`               | Contenu de la ressource / pixel d'impression | Se renseigne avec l'ID partenaire impact.com du partenaire.                                    |
| `{iradid}`              | Contenu de la ressource / pixel d'impression | Se renseigne avec l'ID de l'annonce attribué à l'annonce.                                      |
| `{ircid}`               | Contenu de la ressource / pixel d'impression | Se renseigne avec l'ID du programme (ou de la campagne) impact.com attribué à votre programme. |
| `{subId1}` - `{subId3}` | Contenu de la ressource                      | Se renseigne avec la valeur du SubId du partenaire (utilisée pour le suivi et le reporting).   |
| `{sharedId}`            | Contenu de la ressource                      | Se renseigne avec la valeur SharedId du partenaire pour le reporting.                          |
| `{domain}`              | Contenu de la ressource / pixel d'impression | Se renseigne avec le domaine de suivi de votre programme.                                      |
| `{timestamp}`           | Contenu de la ressource                      | Se renseigne avec un horodatage (au format d'époque Unix) lorsque l'annonce est récupérée.     |
| `{randint}`             | Contenu de la ressource / pixel d'impression | Se renseigne avec un entier généré aléatoirement lorsque l'annonce est récupérée.              |

</details>

#### Résoudre les erreurs de validation

Vous pouvez voir les messages d'erreur suivants lors de la création de votre annonce de contenu. Voici ce que vous pouvez faire pour les résoudre :

| Erreur de validation                            | Explication                                                                                                                                                                                                                     |
| ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| *« Aucun lien remplaçable n'est présent »*      | impact.com ne peut pas détecter les liens remplaçables dans le *Contenu* champ. Les liens doivent inclure le protocole. Tous les liens utilisant `http` seront automatiquement convertis en `https`.                            |
| *« Le nom de l'annonce ne peut pas être vide »* | Vous devez fournir un nom pour votre annonce de contenu dans le *Nom* .                                                                                                                                                         |
| *« L'URL de l'ancre n'est pas absolue »*        | Il y a au moins 1 lien dans *Contenu* qui n'est pas absolu. Les liens absolus utilisent le chemin complet commençant par `http:// ou https://`. Vérifiez les problèmes de syntaxe, tels que des espaces avant ou après `href=`. |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/platform-features/ads/create-ads/create-an-article-asset.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
