Créer une bannière avec Google Web Designer

Google Web Designer vous permet de créer une bannière à partir de rien ou, si vous souhaitez gagner du temps, à partir d'un modèle prédéfini.

Partir de rien

Si vous souhaitez contrôler complètement la conception de la création, vous pouvez partir d'un fichier de bannière vierge dans Google Web Designer.

Étape 1 : Créer un fichier

1. Ouvrez Google Web Designer. Si vous ne disposez pas encore de Google Web Designer, vous pouvez le télécharger ici.
2. Lorsque la page d'accueil s'affiche, cliquez sur Créer un fichier ou sur Fichier > Nouveau.
3. Dans la boîte de dialogue "Créer un fichier vierge", sélectionnez le type d'annonce Bannière.
   
4. Choisissez l'une des options suivantes :
   • Nom
     Attribuez un nom à l'annonce (obligatoire). Il s'agira du nom du fichier HTML.
   • Emplacement
     Indiquez l'emplacement d'enregistrement du fichier. Vous pouvez enregistrer le fichier en local sur votre ordinateur ou sur Google Drive.
   • Environnement
     Sélectionnez l'environnement de diffusion d'annonces "Display & Video 360".
   • Variables
     Si vous voulez créer une annonce qui s'adapte automatiquement à la taille de la fenêtre d'affichage ou de l'espace publicitaire, cochez la case "Format responsif". Si vous connaissez les dimensions de l'annonce, vous pouvez les définir. La liste déroulante propose les tailles de bannière courantes. Si vous voulez utiliser une taille qui ne figure pas dans la liste, sélectionnez Personnalisées, puis saisissez manuellement la largeur et la hauteur.
   • Mode d'animation
     Sélectionnez le mode d'animation que vous souhaitez utiliser au départ. Vous pouvez en changer à tout moment. Le mode Rapide permet d'animer votre annonce scène par scène, tandis que le mode Avancé permet d'animer des éléments individuels selon leur propre timeline.
5. Cliquez sur OK.

Étape 2 : Concevoir votre création

Lorsque vous concevez une bannière, Google Web Designer crée une page bannière ("page1") aux dimensions spécifiées. 

Pour configurer la page principale de votre bannière, procédez comme suit :

1. Ajoutez des images, des vidéos et d'autres éléments en les faisant glisser dans l'espace de travail ou en utilisant des tags d'image.
2. Organisez vos images et tous les autres éléments de votre choix dans l'espace de création. 
3. Vous avez également la possibilité de créer des animations ou d'insérer des composants dans la page.
4. Si vous créez une annonce responsive, ajoutez des points d'arrêt, puis redéfinissez toutes les nouvelles plages de tailles.

Étape 3 : Ajouter une incitation à l'action

La dernière étape de la création d'une annonce efficace consiste à ajouter une incitation à l'action. Il s'agit en général d'un bouton cliquable qui renvoie l'internaute vers le site Web d'une entreprise.

1. Votre annonce doit comprendre un bouton ou un autre élément visuel clair d'incitation à l'action sur lequel l'utilisateur pourra cliquer ou appuyer.
2. Faites glisser dans l'espace de création le composant "Zone cliquable" depuis le dossier "Interaction" du panneau "Composants", puis placez-le au-dessus de l'incitation à l'action.
3. Cliquez sur l'icône de nouvel événement  dans le panneau "Événements".
4. Dans la boîte de dialogue qui s'affiche, sélectionnez les options suivantes :

   Cible	Composant "Zone cliquable" (gwd-taparea_1)
   Événement	Zone cliquable > Appuyer/Cliquer
   Action	Annonce Google > Quitter l'annonce Remarque : Une action similaire, Quitter l'annonce (écrase l'URL), ne vous permet pas de modifier l'URL en dehors de la création (par exemple, dans Studio ou Campaign Manager 360). Vous ne devez utiliser cette option que pour les annonces dynamiques.
   Destinataire	gwd-ad
   Configuration	ID des statistiques : libellé (par exemple, "Incitation à l'action") destiné à faciliter la compréhension des rapports. URL : URL de sortie. Réduire en quittant : pour les annonces expand, cochez cette case afin de réduire l'annonce lorsque l'internaute la ferme. Mettre le fichier multimédia en pause à la fermeture : cochez cette case pour que la lecture des contenus vidéo et audio s'arrête lorsque l'internaute ferme l'annonce. Page réduite à la fermeture : pour les annonces expand, page à afficher lorsque l'internaute ferme l'annonce.

   

Partir d'un modèle

Les modèles sont des annonces préconfigurées dans des formats répandus. Ils utilisent généralement des fonctionnalités et des styles courants. En remplaçant les images et d'autres éléments, vous pouvez rapidement créer une annonce fonctionnelle pertinente.

Étape 1 : Créer un fichier à partir d'un modèle

Pour créer une annonce à partir d'un modèle, procédez comme suit :

1. Dans le menu "Fichier", sélectionnez Créer depuis un modèle. La galerie de modèles s'ouvre.
2. Pour trouver les modèles de bannières Google Marketing Platform, procédez comme suit :
   1. Cliquez sur l'icône de recherche .
   2. Développez la section "Types d'annonces", puis sélectionnez Bannière. 
   3. Développez la section "Plates-formes", puis sélectionnez Display & Video 360.
   4. Fermez le panneau des filtres. Une liste des mises en page compatibles s'affiche.
3. Cliquez sur un type de création pour afficher les mises en page disponibles, puis sur Utiliser la mise en page pour la mise en page de votre choix.
4. Si plusieurs options de taille sont disponibles, sélectionnez celle que vous souhaitez utiliser.
5. Attribuez un nom au nouveau fichier (obligatoire).
6. (Facultatif) Changez l'emplacement d'enregistrement du fichier. Pour ce faire, saisissez le chemin de l'emplacement ou cliquez sur l'icône de dossier  pour accéder à l'emplacement désiré.
7. Cliquez sur Créer.

Étape 2 : Ajouter et remplacer des éléments dans le modèle

Les modèles d'annonces incluent des espaces réservés et des identifiants descriptifs pour chaque élément. Pour créer une annonce à partir d'un modèle, vous pouvez simplement remplacer chaque espace réservé générique par un élément approprié pour votre annonce. Les annonces créées à partir de modèles sont complètement modifiables. Vous pouvez ajouter ou supprimer des éléments, des composants et des événements à votre guise afin de créer une annonce plus personnalisée.

L'option "Remplacer l'image" vous permet de remplacer une image par une autre image provenant de la bibliothèque ou par une image que vous avez importée. Cette fonctionnalité est particulièrement utile lorsque vous avez besoin de remplacer des images fournies avec un modèle.

Pour remplacer une image dans une annonce créée à partir d'un modèle, procédez comme suit :

1. Faites un clic droit sur l'image que vous souhaitez remplacer.
2. Sélectionnez Remplacer l'image dans le menu contextuel.
3. Dans la boîte de dialogue qui s'affiche, sélectionnez une image provenant de la bibliothèque ou cliquez sur le bouton d'ajout  pour sélectionner une image enregistrée sur votre ordinateur.
4. Cliquez sur OK.

Prévisualiser

Prévisualisez votre annonce dans un navigateur pour vous assurer que son apparence et son comportement sont ceux que vous attendez. Utilisez le bouton Aperçu au lieu d'ouvrir directement le fichier .html source dans votre navigateur.

Avant de publier une annonce, vous pouvez vérifier dans la section "Récapitulatif" de la boîte de dialogue "Publier" que votre annonce a réussi tous les contrôles de validation.

Une fois votre création terminée, vous pouvez la publier dans Studio.