Ce composant n'est pas compatible avec les annonces Google Ads, Google AdMob, AMP HTML, vidéo ni illustrées.
Le composant "Date Swap" vous permet d'afficher différents contenus en fonction de la date et du fuseau horaire de l'internaute comparés à la période que vous spécifiez. Le composant "Date Swap" vous permet par exemple d'afficher du contenu personnalisé avant la sortie d'un film, le jour de sa sortie, ainsi que par la suite.
Pour ajouter le composant "Date Swap" à votre projet :
- Ouvrez le panneau Composants, puis le dossier Date et heure.
- Faites glisser le composant Date Swap dans l'espace de création.
- Dans le panneau Propriétés, définissez une période (reportez-vous à la section "Propriétés" ci-dessous).
- Ajoutez des éléments enfants au composant (découvrez comment imbriquer des éléments). Le composant affiche ou masque les éléments enfants en fonction de la période que vous définissez. Vous pouvez également définir des événements en fonction de la période du composant pour affecter des éléments qui ne sont pas des éléments enfants.
- Ajoutez un événement pour déclencher l'action Vérifier la date, qui vous permet de contrôler le moment auquel la comparaison de dates doit avoir lieu. L'événement Page > Prêt à afficher la page vous permet par exemple de configurer la comparaison pour qu'elle ait lieu une fois la page prête à être affichée.
Propriétés
Propriété | Description |
---|---|
Nom | Nom du composant. |
Entre | Début de la période au format RFC 2822 ou ISO 8601. (Voir les exemples ci-dessous.) Cette propriété peut être associée à des données dynamiques. |
Et | Fin de la période au format RFC 2822 ou ISO 8601. (Voir les exemples ci-dessous.) Cette propriété peut être associée à des données dynamiques. |
Exemples de dates
- Au format RFC 2822 :
- 1 Jan 2018
- 15 Jun 2018 13:30
- 31 Dec 2018 23:59:59 +0000
- Au format ISO 8601 :
- 2018-01-01
- 2018-06-15 13:30
- 2018-12-31T23:59:59 +0000
Si vous ne spécifiez pas de fuseau horaire, le fuseau horaire local de l'utilisateur est appliqué.
Événements et actions
Événements envoyés par le composant "Date Swap"Vous pouvez déclencher d'autres actions en fonction des événements suivants du composant "Date Swap" :
Événement | Description |
---|---|
Avant | Envoyé lorsque la date et l'heure actuelles sont antérieures à la période spécifiée dans les propriétés. |
Pendant | Envoyé lorsque la date et l'heure actuelles sont comprises dans la période spécifiée dans les propriétés (dates de début et de fin de la plage comprises). |
Après | Envoyé lorsque la date et l'heure actuelles sont ultérieures à la période spécifiée dans les propriétés. |
Pour sélectionner l'un de ces événements dans la boîte de dialogue Événement, définissez le composant "Date Swap" en tant que cible.
L'action Vérifier la date décrite dans la section suivante vous permet de contrôler le moment auquel la comparaison de dates doit avoir lieu.
L'action suivante du composant "Date Swap" peut être déclenchée en réponse à d'autres événements :
Action | Description |
---|---|
Vérifier la date | Comparez la date et l'heure actuelles à la période spécifiée. |
Lorsque vous sélectionnez cette action dans la boîte de dialogue Événement, définissez le composant "Date Swap" en tant que destinataire.
Découvrez comment configurer des événements.
Aperçu
Il n'est pas possible de prévisualiser ce composant dans l'interface de Google Web Designer. Pour voir comment le composant s'exécute, prévisualisez votre document dans votre navigateur préféré en cliquant sur Aperçu dans l'angle supérieur droit.
Test
- Modifiez votre horloge système.
- Remplacez la date actuelle d'un seul élément par l'attribut
currentdateoverride
, en respectant le format RFC 2822 ou ISO 8601 :from_date="2018-06-15" to_date="2018-08-15" currentdateoverride="2018-07-15">Mid-July