Instructions et composants des pages de destination Fire TV
Il existe des normes élevées pour le contenu et la fonctionnalité des pages de destination Fire TV. Cette page décrit les instructions relatives aux créations et les composants disponibles pour les concevoir.
Instructions relatives aux créations
Simplicité
Les campagnes à fort impact utilisent un minimum de texte, des images saisissantes et ne mettent en avant que le contenu le plus important. Une structure visuelle claire permet aux clients d'évaluer rapidement l'offre et de décider de s'engager.
Conçu pour la télévision
Contrairement à d'autres plateformes Web et mobiles, les interfaces télévisuelles utilisent un texte plus large, une hiérarchie de navigation plus forte et des possibilités visuelles supplémentaires pour éviter toute confusion et créer une expérience plus simple. Le contenu est tenu à l'écart des bords de l'écran, où il peut être recadré sur certains écrans, et disposé dans une grille pour permettre un accès facile via le pavé directionnel de la télécommande.
Fournir de la valeur au client
Pour nos clients, les pages produit d'Amazon représentent une source d'informations de confiance et efficace en matière d'achat. Les pages de destination de campagne Fire TV pour des campagnes orientées sur les produits doivent offrir un avantage clair au client ou servir un objectif pédagogique supérieur, qui va au-delà des informations citées sur la page produit existante de votre produit. Ce même principe s'applique aux autres pages de destination de campagne Fire TV pour les offres et services non fournis par Amazon.
Composants
Groupes de vignettes
Les clients peuvent parcourir un éventail de contenus ou de produits en naviguant vers la droite à travers une rangée de vignettes sélectionnables.
Le maintien de bordures clairement définies sur chaque vignette aide l'utilisateur à identifier le contenu sur lequel se concentrer, à comprendre les zones qui peuvent être sélectionnées et à naviguer dans l'expérience.
- Chaque vignette doit mesurer 512 px de hauteur
- Chaque vignette doit avoir la même largeur, ce qui affectera le nombre d'éléments initialement visibles à l'écran
- Chaque vignette doit être liée à une destination
- Les vignettes peuvent être affichées avec le texte accessoire de vignette facultatif lors de la sélection
- En-tête : Chaque groupe de vignettes doit utiliser une image header (1920 x 344 px, PNG transparent, pas de taille de fichier maximale) pour titrer le contenu. L'image s'anime vers le haut à partir de l'arrière du groupe de vignettes pour s'aligner sur le haut de l'écran lorsque la page se charge, encourageant ainsi l'interaction. Incluez une quantité limitée de texte d'appel à l'action, de logos ou d'images subtiles sur un fond transparent.
Grille de vignettes
Les grilles peuvent contenir 2 à 4 vignettes. Les vignettes restent aux mêmes emplacements lorsque le client fait défiler vers la droite, en gardant tout le contenu à l'écran.
Utilisez les tailles de vignette suivantes pour afficher le nombre de vignettes répertorié à l'écran :
- Format : PNG
- Taille de fichier maximale : pas de limite, les ressources seront réencodées sur WebP
Vignettes | Dimensions |
2 | 920 x 512 px |
3 | 627 x 512 px |
4 | 475 x 512 px |
Carrousel de vignettes
Les carrousels peuvent contenir entre 2 et 10 vignettes. Lorsque le client fait défiler vers la droite, la vignette sélectionnée s'aligne vers la gauche, ce qui permet au client de voir du contenu supplémentaire qui peut s'être trouvé précédemment hors écran.
Il est possible d'inclure jusqu'à 10 vignettes. En fonction de la largeur de la vignette, certaines peuvent s'afficher hors écran jusqu'à ce que le client défile pour y accéder.
Utilisez les tailles de vignette suivantes pour choisir le nombre d'éléments affichés à l'écran sans faire défiler :
- Format : PNG
- Taille de fichier maximale : pas de limite, les ressources seront réencodées sur WebP
Nombre de vignettes entièrement visibles à l'écran | Dimensions |
2 | 920 x 512 px |
3 | 627 x 512 px |
4 | 475 x 512 px |
5 | 380 x 512 px |
6 | 319 x 512 px |
Boutons
Le texte est aligné à gauche, à l'intérieur de la zone du bouton, pour correspondre à l'interface utilisateur du système Fire TV.
- Chaque bouton doit rediriger vers une destination
- Une limite de 26 caractères s'applique au texte de l'étiquette du bouton
- Il est possible d'aligner les boutons sur le côté gauche ou droit de l'écran
Exemples : Vue unique avec boutons alignés à gauche et à droite, page de destination vidéo
Vous pouvez modifier les attributs suivants :
- Couleur d'arrière-plan de l'état sélectionné (n'importe laquelle)
- Couleur du texte de l'état sélectionné (noir/blanc)
- État non sélectionné (clair/foncé)
- Alignement de la ligne de boutons (gauche/droite)
Texte
Plusieurs composants offrent la possibilité de rendu de texte statique.
Accessoire de vignette
Lorsque vous utilisez les modèles Grille et Carrousel, il est possible d'afficher le texte du titre et du sous-titre sous chaque vignette, pendant que la vignette est sélectionnée.
Bloc de texte
Lors de l'utilisation du modèle Page de destination vidéo il est possible d'empiler plusieurs styles de texte prédéfinis pour créer un bloc de texte.
Les styles suivants sont disponibles :
Style | Spécifications |
Titre | 48 px Ember Regular, #EBEBEB (blanc compatible TV) |
Sous-titre | 36 px Ember Light, #EBEBEB (blanc compatible TV) |
Corps | 36 px Ember Light, #AAAAAA (gris moyen) |
- Le texte de chaque style peut se poursuivre sur des lignes supplémentaires.
- Dans la mesure du possible, limitez le texte à 300 caractères.
Contenu de l'arrière-plan
Une image d'arrière-plan s'affiche derrière le contenu de la page. Cette image restera fixe, occupant la zone plein écran.
- Une seule image doit être fournie
- Il est possible d'incorporer du texte, tel que des clauses de non-responsabilité, avec parcimonie à l'intérieur de l'image.
- Les arrière-plans doivent bien coexister avec l'indice de sortie clair ou sombre superposé dans le coin inférieur droit.
Image | Soumission de haute qualité |
Dimensions | 1920 x 1080 px |
Format | PNG |
Taille du fichier | aucune limite |
Indice de sortie
Un indice sera inclus dans le coin inférieur droit de l'écran, afin de garantir que les clients disposent d'un itinéraire clair pour quitter la publicité.
- L'indice de sortie a deux variantes, claires ou foncées, qui sont disponibles dans le modèle PSD.
- Les arrière-plans doivent être distincts lorsqu'ils sont affichés derrière l'indice.
Destinations
Il est possible d'utiliser jusqu'à deux types de destination dans un groupe de boutons ou de vignettes. Vous devez regrouper les vignettes de sorte que lorsque les types de destination varient, toutes les vignettes de chaque type s'affichent ensemble (par exemple, les applications, la lecture vidéo, les divers types de destination ne sont pas entrecoupés) avec des traitements visuels similaires.
Un client doit pouvoir identifier facilement les vignettes qui mènent à la lecture d'une vidéo, ou de répéter la lecture d'une vidéo, en fonction du traitement visuel.
Lorsqu'un client met en surbrillance et sélectionne une vignette ou un bouton de contenu, plusieurs destinations sont possibles :
Page produit vidéo Amazon
- Les clients peuvent consulter la page produit d'un titre, puis choisir de regarder ou d'acheter. La lecture directe du contenu Amazon Video n'est actuellement pas prise en charge.
Page produit de l'appstore Amazon
- Les clients peuvent consulter la page produit d'une application, puis choisir d'acheter et d'installer. L'installation directe des applications n'est actuellement pas prise en charge.
Page produit Amazon
- Les clients peuvent acheter le produit (via 1-Click ou Checkout) ou précommander, sélectionner des options de twister, ajouter le produit à la liste, lire les caractéristiques du produit, voir d'autres images du produit et lire les commentaires des clients.
Lien profond du contenu
- La sélection de la vignette ou du bouton ouvre l'application et charge automatiquement le contenu promu, si le client a déjà installé l'application. S'il n'a pas installé l'application , le client est redirigé vers la page produit de l'appstore, sur laquelle il peut choisir d'acheter et d'installer l'application. Après avoir installé et ouvert l'application, les clients seront automatiquement redirigés vers le contenu. L'utilisation de liens profonds dans vos campagnes nécessite un processus d'intégration. Consultez le site de l'Appstore Amazon et contactez votre représentant de compte pour commencer.
Lecture vidéo
- Les clients peuvent visionner une courte vidéo plein écran et peuvent utiliser les boutons de lecture multimédia standard pour naviguer à l'intérieur.
Vidéo | Soumission de haute qualité |
Codec | MPEG, Apple ProRes, H.264 |
Résolution | 1280 x 720 px (720p) ou supérieur, 1920 x 1080 px (1080p) préféré |
Débit | 15 Mbit/s ou plus |
Format de fichier | .mov, .mp4 |
Fréquence d'images | 30 ips ou moins |
Durée maximale | 10 min |
Taille de fichier maximale | 500 Mo |
Il est préférable de ne pas utiliser le format letterbox (bandes noires au-dessus et en dessous) dans les vidéos. Toutefois, si le contenu dont vous faites la publicité est au format letterbox dans la vidéo entière, alors la bande-annonce peut être au format letterbox elle aussi.
Audio | Soumission de haute qualité |
Codec | AAC |
Taux d'échantillonnage | 48 000 Hz |
Débit | 192 Kbit/s ou plus |
Image plein écran
- Une image en plein écran s'affiche après le déclenchement de la navigation par une vignette ou un bouton
- Le contenu de l'image doit respecter le « guide de zone de sécurité » rouge, qui se trouve dans le modèle PSD de page de destination
- Le corps du texte ne doit pas être inférieur à 26 px.
- Le contenu de l'image ne doit pas être « criard ». Évitez les textes tout en majuscules et les points d'exclamation.
Image | Soumission de haute qualité |
Dimensions | 1920 x 1080 px |
Format | PNG |
Taille du fichier | aucune limite |
Répéter la vidéo interstitielle
- Cette option n'est disponible que lorsqu'une vidéo interstitielle est configurée en tant que partie de la page.
M'en envoyer plus
- Cette option n'est disponible que sur une page de destination vidéo.
- Après avoir regardé une vidéo, les clients peuvent demander des informations supplémentaires à envoyer par e-mail ou SMS en fonction des coordonnées associées à leur connexion Amazon Fire TV.
Fonctionnalités supplémentaires
Vidéo interstitielle
Lorsqu'elle est ajoutée, une vidéo s'affiche et se termine avant que le client ne soit dirigé vers la page de destination. Les clients doivent pouvoir accéder à nouveau à la vidéo interstitielle, directement à partir de la page de destination.
- Si vous incluez une vidéo interstitielle, vous devez également inclure un bouton ou une vignette en configurant « Répéter la vidéo interstitielle » comme destination.
Vidéo | Soumission de haute qualité |
Codec | MPEG, Apple ProRes, H.264 |
Résolution | 1280 x 720 px (720p) ou supérieur, 1920 x 1080 px (1080p) préféré |
Débit | 15 Mbit/s ou plus |
Format de fichier | .mov, .mp4 |
Fréquence d'images | 30 ips ou moins |
Durée maximale | 10 min |
Taille de fichier maximale | 500 Mo |
Audio | Soumission de haute qualité |
Codec | AAC |
Taux d'échantillonnage | 48 000 Hz |
Débit | 192 Kbit/s ou plus |
M'en envoyer plus
Le bouton d'appel à l'action « M'en envoyer plus », disponible sur une page de destination vidéo permet à un consommateur de demander des informations supplémentaires après avoir regardé une vidéo. Le client recevra des informations supplémentaires par e-mail ou SMS en fonction des coordonnées associées à ses identifiants Amazon Fire TV.
- L'e-mail est un modèle et comprendra une image hero, un corps de texte et un bouton. Si du texte apparaît dans l'image, il doit faire moins de 12 mots et avoir une taille de police minimale de 24 points.
- Les SMS seront générés automatiquement en fonction de l'URL saisie dans l'e-mail. Aucun travail ou ressource de conception n'est requis.
Image hero | |
Dimension | 640 x 320 px |
Format | JPG |
Taille du fichier | 60 Ko |
Taille de police minimale | 24 pts |
Nombre maximal de mots | 12 mots |
Texte alternatif | 1 à 2 phrases. Utilisé par les lecteurs d'écran pour les lecteurs malvoyants, et visible pour l'utilisateur lorsqu'une image ne peut pas être affichée dans l'e-mail. |
Corps du texte | |
Nombre de caractères | Moins de 450 caractères, sans les sauts de ligne |
Bouton | |
Nombre de caractères | Jusqu'à 25 caractères |
URL | Jusqu'à 70 caractères. Jusqu'à 70 caractères. En cas de dépassement de limite, les annonceurs doivent fournir des URL courtes qui redirigent. |
Clause de non-responsabilité de l'annonceur | |
Nombre de caractères | Champ facultatif. Pas de limite. |
Liste de contrôle des ressources
- Fichiers .PSD multicouches haute résolution (photos de produit et/ou images « mode de vie »)
- Logos (format vectorisé .ai ou .eps)
- Tout arrière-plan ou toute illustration
- Polices (au format .otf ou .ttf)
- Texte publicitaire
- Instructions relatives à la marque
- Fichiers vidéo (voir les caractéristiques techniques)
Pages de destination de campagne
Les pages de destination Fire TV sont conçues pour tirer le meilleur parti des écrans de télévision et de la navigation sur ces écrans.
Pour plus d'informations sur les pages de destination accessibles depuis le site web d'Amazon, des applications pour appareil mobile et des tablettes, consultez la section Pages de destination de campagne.