> For the complete documentation index, see [llms.txt](https://docs.exoclick.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.exoclick.com/publishers/fr/sites-et-zones/dfi-mfi-html-events.md).

# Ajout d’événements HTML pour les interstitiels pleine page

Le **Interstitiel pleine page sur ordinateur** et **Interstitiel pleine page mobile** Les formats publicitaires peuvent interagir avec votre site web via certains événements HTML. Vous pouvez écouter ces événements pour déclencher des actions supplémentaires sur votre site web.

## creativeDisplayed

Lorsqu'une annonce interstitielle plein écran est chargée dans le navigateur de l'utilisateur, elle génère l'événement `creativeDisplayed-XXXXXXX`, où `XXXXXXX` est l'identifiant de zone correspondant à cette zone d'annonce interstitielle plein écran.

Cet écouteur d'événements vous permet d'exécuter programmatiquement toute action dont vous pourriez avoir besoin sur votre site web et d'obtenir plus d'informations sur l'élément qui a déclenché l'événement, comme l'URL, l'identifiant, les classes et le texte.

Dans l'exemple ci-dessous, nous affichons le `Création affichée !` message dans la console lorsque l'interstitiel plein écran est affiché et nous répertorions tous les détails de l'élément qui a déclenché l'événement :

```js
<script async type="application/javascript" src="https://a.pemsrv.com/ad-provider.js"></script>
<ins class="eas6a97888e35" data-zoneid="1234567"></ins>
<script>(AdProvider = window.AdProvider || []).push({"serve": {}});</script>

<a href="https://www.exoclick.com">Visit exoclick.com!</a>

<script type="application/javascript">
    document.addEventListener('creativeDisplayed-1234567', function (e) {
        console.log("Création affichée !");
        console.log(e.detail);
    }, false);
</script>
```

## message

Si votre zone d'annonce interstitielle plein écran diffuse une campagne iframe, vous pouvez alors ajouter un écouteur d'événements à l'événement `message`. Cela vous permet d'exécuter programmatiquement toute action dont vous pourriez avoir besoin sur votre site web après le chargement de l'iframe dans le navigateur de l'utilisateur.

Les données de l'événement contiennent les propriétés `id`, qui est un MD5 du paramètre URL de l'iframe, et `loaded` à true. Dans l'exemple ci-dessous, nous affichons le `Iframe chargé !` message dans la console lorsque l'iframe est affiché dans le navigateur de l'utilisateur :

```js
<script async type="application/javascript" src="https://a.pemsrv.com/ad-provider.js"></script>
<ins class="eas6a97888e35" data-zoneid="1234567"></ins>
<script>(AdProvider = window.AdProvider || []).push({"serve": {}});</script>

<a href="https://www.exoclick.com">Visit exoclick.com!</a>

<script type="application/javascript">
    window.addEventListener('message', function(event) {
        if (event.data.id && event.data.loaded) {
            console.log("Iframe chargé !")
        }
    });
</script>
```


---

# 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.exoclick.com/publishers/fr/sites-et-zones/dfi-mfi-html-events.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.