Présentation des pages

Les pages ne sont pas compatibles avec les annonces vidéo ni avec les annonces illustrées.

Les pages de Google Web Designer permettent d'afficher plusieurs scènes dans un même document HTML, chaque scène se trouvant sur une page distincte. Elles sont habituellement utilisées dans les annonces, dans lesquelles elles représentent un affichage d'écran unique. Voici quelques exemples :

• Une seule page est nécessaire pour une bannière simple.
• Dans le cas d'une annonce expand, une page est nécessaire pour la bannière et une autre pour l'annonce développée.
• Une annonce plus complexe dispose d'une page principale contenant plusieurs boutons qui permettent à l'utilisateur d'accéder à d'autres pages, telles qu'une page présentant une vidéo ou une page offrant un bon de réduction.

Les pages ne se limitent pas aux annonces. Pour recourir à des pages dans le cadre de pages Web HTML, sélectionnez HTML avec pagination lors de la création d'un fichier.

Les pages composant un document sont désignées par le terme "ensemble de pages".

Cette page contient les sections suivantes :

• Menu dédié aux pages
  • Ajouter une page
  • Renommer une page
  • Dupliquer une page
  • Supprimer une page
  • Définir la page principale
• Propriétés des pages
  • Pages et annonces extensibles
  • Centrer une annonce
  • Autres pages pour les différentes orientations
• Pages et événements
  • Actions
  • Événements
  • Événements pour les annonces AMP HTML

Menu dédié aux pages

Pour afficher toutes les pages de l'ensemble de pages, cliquez sur l'indicateur de page en bas à gauche de l'espace de travail du document. Le menu contextuel vous permet d'ajouter, de dupliquer et de supprimer des pages, ainsi que de spécifier la page principale (celle qui s'affiche en premier auprès de l'utilisateur).

Ajouter une page

1. Cliquez sur l'indicateur de page au bas de l'espace de travail du document.
2. Si votre annonce comprend des pages de diverses tailles, sélectionnez une page de la même taille que celle que vous voulez créer.
3. Dans le menu contextuel, cliquez sur le bouton Ajouter une page .

Renommer une page

Plusieurs méthodes permettent de modifier le nom d'une page.

• Pour renommer une page directement dans le menu dédié, procédez comme suit :
  1. Cliquez sur l'indicateur de page au bas de l'espace de travail du document.
  2. Double-cliquez sur la page à renommer.
  3. Saisissez le nouveau nom.
  4. Appuyez sur Entrée.
• Pour renommer une page depuis ses propriétés, procédez comme suit :
  1. Cliquez sur l'indicateur de page au bas de l'espace de travail du document.
  2. Sélectionnez la page à renommer.
  3. Dans le panneau Propriétés, saisissez le nouveau nom dans le champ Nom.

Dupliquer une page

1. Cliquez sur l'indicateur de page au bas de l'espace de travail du document.
2. Sélectionnez la page à dupliquer.
3. Dans le menu contextuel "Pages", cliquez sur le bouton Dupliquer une page . Une copie de la page active est créée (éléments, composants et animations compris).
4. Attribuez un nom à la nouvelle page dans le champ Nom du panneau Propriétés.

Supprimer une page

1. Cliquez sur l'indicateur de page au bas de l'espace de travail du document.
2. Sélectionnez la page à supprimer.
3. Dans le menu contextuel "Pages", cliquez sur le bouton Supprimer une page .

Définir la page principale

Cette fonctionnalité n'est pas disponible pour les annonces AMPHTML.

1. Cliquez sur l'indicateur de page au bas de l'espace de travail du document.
2. Dans le menu contextuel "Pages", faites un clic droit sur la page que vous voulez définir comme page principale.
3. Sélectionnez Définir comme page principale dans le menu contextuel. La page principale est signalée à l'aide d'une étoile.

Propriétés des pages

Pour afficher les propriétés correspondant à la page active, vérifiez que le panneau Propriétés est ouvert et qu'aucun élément n'est sélectionné. Pour désélectionner facilement tous les éléments, cliquez sur la zone grise à l'extérieur de l'espace de création.

Pages et annonces extensibles

Cette fonctionnalité n'est pas disponible pour les annonces AMPHTML.

Lorsque vous créez une page destinée à être la partie développée d'une annonce extensible, l'option Développé doit être sélectionnée dans le panneau Propriétés de la page. Cette option est définie automatiquement sur la page créée lorsque vous sélectionnez le type Extensible pour un nouveau fichier.

Par défaut, les annonces extensibles se développent vers le bas et la droite. Si vous voulez qu'une annonce se développe dans une autre direction, vous pouvez modifier la position de la page développée par rapport à la page principale.

Centrer une annonce

Cette fonctionnalité n'est pas disponible pour les annonces AMPHTML.

Comme les annonces doivent fonctionner sur différents appareils et dans des navigateurs de tailles différentes, Google Web Designer contient une option permettant de centrer le contenu de l'annonce quel que soit le format de la fenêtre d'affichage. Ceci vous permet de concevoir des annonces de toute taille et de placer les incitations à l'action et d'autres contenus au centre, avec une image d'arrière-plan qui fonctionne dans des fenêtres d'affichage de différents formats. Si vous souhaitez centrer une annonce, cochez la case Centré dans le panneau Propriétés de la page.

Autres pages pour les différentes orientations

Cette fonctionnalité n'est pas disponible pour les annonces AMPHTML.

Vous pouvez concevoir votre annonce pour les formats portrait et paysage, en utilisant une page distincte pour chaque orientation. Indiquez l'ID de l'autre page (pas son nom) dans la propriété Changer l'orientation de la page de chaque page. L'annonce détecte l'orientation de la fenêtre d'affichage et affiche la page qui présente l'orientation adéquate.

En savoir plus sur la conception d'une page ou d'une annonce adaptée à plusieurs tailles d'écran

Pages et événements

Vous pouvez contrôler la manière dont les utilisateurs naviguent entre les pages à l'aide d'événements. Par exemple, vous pouvez utiliser un composant "Zone cliquable" pour envoyer à une page cible une action "Accéder à la page", ou vous pouvez modifier l'orientation à l'aide des modes paysage et portrait pour changer de mise en forme entre deux pages.

Actions de l'ensemble de pages

L'ensemble de pages est en mesure d'effectuer l'action suivante avec ces options de configuration :

Action

Options de configuration

Accéder à la page

ID de page : page cible à laquelle accéder. Il s'agit de la seule option de configuration pour les annonces AMP HTML. Transition : effet d'animation qui affiche la page cible. Durée : durée de la transition en millisecondes. Cette option ne s'applique pas si aucune transition n'est définie. Lissage de vitesse : type de lissage de vitesse pour la transition. Sens : direction à partir de laquelle la page cible est affichée. Cette option ne s'applique qu'à certains types de transition.

Événements envoyés par la page

Ces événements ne sont pas disponibles pour les annonces AMP HTML. Pour les événements envoyés par l'ensemble de pages des annonces AMP HTML, consultez les informations ci-dessous.

Vous pouvez également définir d'autres actions qui se déclencheront en réponse à des événements envoyés par la page. Les pages envoient les événements suivants :

Événement	Description
Page activée	Envoyé lorsque la page est affichée.
Page désactivée	Envoyé lorsque la page est masquée.
Page chargée	Envoyé lorsque tous les composants de la page sont chargés.
Prêt à afficher la page	Envoyé avant le début des animations lorsque la page comporte du contenu mis en cache et est prête à être affichée.
Secouer	Envoyé lorsqu'un appareil mobile détecte qu'il est secoué.
Incliner	Envoyé lorsqu'un appareil mobile détecte qu'il est incliné.
Passage en mode portrait	Envoyé lorsqu'un appareil mobile passe de l'orientation paysage à l'orientation portrait.
Passage en mode paysage	Envoyé lorsqu'un appareil mobile passe de l'orientation portrait à l'orientation paysage.
Associé (obsolète)	Utilisez l'événement Page activée.
Non associé (obsolète)	Utilisez l'événement Page désactivée.

Événements envoyés par l'ensemble de pages pour les annonces AMP HTML

Pour les annonces AMP HTML, l'ensemble de pages envoie l'événement suivant :

Événement	Description
Changement de page	Envoyé lorsque la page change.