---
title: Événements de page custom - Web
description: A page event or a custom page event is a value (an element or an event) triggered during a session on a specific page
lastUpdated: 11 March 2026
source_url:
html: https://docs.contentsquare.com/fr/web/custom-page-events/
md: https://docs.contentsquare.com/fr/web/custom-page-events/index.md
---
> Documentation index: https://docs.contentsquare.com/llms.txt
> Use this file to discover all available pages before exploring further.
## Principes généraux
### Utilité
Les événements de page custom sont des informations complémentaires sur la session qui peuvent être utilisées à des fins de segmentation. Ils peuvent être envoyés n'importe quand lors d'une session, comme les dynamic vars. Les événements de page custom sont utilisés pour segmenter d'après un événement spécifique lié à un visiteur (`action` ou `onload`).
Ces événements peuvent correspondre à n'importe quelle action utilisateur, exprimée en JavaScript.\
Par exemple, des événements VoC (3 étoiles, smiley face emoji…), des messages spécifiques et des erreurs de validation, une durée de chargement de page définie, le statut du visiteur (utilisateur connecté ou non), si une option est sélectionnée dans un menu déroulant etc.
Les événements de page custom sont aussi utilisés par des enregistrements déclenchés par des événements (ETR) qui peuvent contenir la session utilisateur complète ou un pageview spécifique.
### Limites
* Jusqu'à 40 *événements de page* par pageview peuvent être sauvegardés. Si cette limite est dépassée, seuls les 40 premiers sont sauvegardés.
* La taille maximale est 255 caractères.
## Contentsquare Tag Configurator (CSTC)
Utilisez le [Contentsquare Tag Configurator ↗](https://support.contentsquare.com/hc/en-us/articles/37271705463185-CSTC-Template-Page-Event) pour implémenter des événements de page via une interface visuelle.
## Google Tag Manager (Template)
1. Ouvrez l’espace de travail et accédez à la section **Modèles**. 
2. Cliquez sur **Rechercher dans la galerie**. 
3. Recherchez **`contentsquare`** et sélectionnez le modèle **Contentsquare - Page Events**. 
4. Cliquez sur **Ajouter à l’espace de travail**. 
5. Confirmez le choix en cliquant sur **Ajouter**. 
6. Dans la section “Balises”, cliquez sur **Nouvelle** pour ajouter le tag. 
7. Configurez le tag en cliquant sur le bouton d’édition en haut à droite. 
8. Recherchez **`contentsquare`** et sélectionnez le template **Contentsquare - Page Event** ajouté précédemment. 
9. Attribuez un nom au tag et saisissez votre **Tag ID** dans le champ dédié.
10. Saisissez le nom de l'événement.
11. (Optional) Si besoin, ajoutez des événements de page supplémentaires.
12. Sélectionnez le déclencheur.
13. Sauvegardez vos changements et retournez sur votre conteneur. Le template et le nouveau tag s'affichent. 
## Adobe Launch
Prérequis
Vous avez installé [l'extension Contentsquare](https://docs.contentsquare.com/fr/web/#installation-de-lextension-contentsquare).
1. Dans les propriétés de la balise, sélectionnez **Règles** > **Ajouter une règle**.
2. Spécifiez un nom, des événements et des conditions.
3. Ajoutez une action avec les paramètres suivants :
* Extension : `Contentsquare`,
* Type d'action : `Page Events`,
* Nom : `Contentsquare - Page Event`
4. Dans la zone à droite de la page, saisissez le nom de l'événement.
5. Sélectionnez **Conservez les modifications** > **Sauvegarder**.
## HTML personnalisé
### Définir des événements de page
Pour définir un événement de page qui sera sauvegardé automatiquement, utilisez la commande `trackPageEvent` :
```html
```
Par exemple, voici comment collecter un événement click :
```javascript
window._uxa = window._uxa || [];
window._uxa.push(["trackPageEvent", "SubscribedToPropertyButtonClick"]);
```
Ou comment collecter un identifiant utilisateur pour filtrer des replays, avec le préfixe `@user-identifier@` :
Note
Cette fonctionnalité nécessite Experience Monitoring, disponible pour les offres **Enterprise**, ou en tant qu'add-on pour les offres **Pro**.
```html
```
[Voir User identifiers](https://docs.contentsquare.com/fr/web/personal-data-handling/#impl%C3%A9mentation-du-user-identifier)
## Vérifier l'envoi des événements de page
L'extension Chrome [Contentsquare Tracking Setup Assistant ↗](https://chrome.google.com/webstore/detail/contentsquare-tracking-se/pfldcnnaiaiaogmpfdjjpdkpnigplfca) affiche chaque événement de page envoyé.
### Inspecter le payload
Si vous ne pouvez pas utiliser notre extension Chrome, utilisez le cookie [`_cs_debug`](https://docs.contentsquare.com/fr/web/cookies/#_cs_debug).
1. Depuis la console de votre navigateur, exécutez ce script pour créer le cookie :
```plaintext
document.cookie = "_cs_debug=compressionDisabled"
```
Note
Les sessions enregistrées avec le flag `compressionDisabled` activé sont exclues du pipeline Session Replay.
2. Recharger la page.
3. Dans l'onglet Réseau, cherchez `dvar`, sélectionnez la requête, et vérifiez la valeur du paramètre `dv`.
### Suivre les requêtes
Pour vérifier l'envoi des transactions, suivez les requêtes GET envoyées à `//c.contentsquare.net/pageEvent`, avec ces paramètres :
| Name | Description | Type |
| - | - | - |
| `value` | Page Event (compressé ) | String |
| `pid` | ID de projet | Integer |
| `r` | Un chiffre aléatoire pour éviter la mise en cache de la requête | Integer |
| `uu` | ID utilisateur unique | String |
| `pn` | Numéro de page (+1 à chaque pageview) | Integer |
| `sn` | Numéro de session | Integer |
| `isETR` | Identifie si l'événement de page a un ETR | Boolean |
| `v` | Version du tracking Tag | String |
```json
{"@context":"https://schema.org","@type":"TechArticle","headline":"Événements de page custom","description":"A page event or a custom page event is a value (an element or an event) triggered during a session on a specific page","url":"https://docs.contentsquare.com/fr/web/custom-page-events/","inLanguage":"fr","dateModified":"2026-03-11T15:27:52+01:00","publisher":{"@type":"Organization","name":"Contentsquare","url":"https://www.contentsquare.com/"},"isPartOf":{"@type":"WebSite","@id":"https://docs.contentsquare.com/#website","name":"Documentation technique Contentsquare","url":"https://docs.contentsquare.com/"}}
```