Écrans connectés
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les écrans connectés permettent aux utilisateurs d'utiliser des appareils sur le plan visuel dans leur environnement de résidence. Intégrez la routine quotidienne de vos utilisateurs en créant une action qui favorise la productivité ou le divertissement à la maison, et qui est associée à des visuels attrayants.
Créer des réponses enrichies pour les écrans connectés
Actions on Google propose des réponses enrichies, optimisées pour les écrans connectés. Vous pouvez créer des interactions visuelles pour vos actions à l'aide de composants tels que:
Vous pouvez également créer des thèmes personnalisés pour personnaliser davantage l'apparence de votre action.
Modalités
Même si l'appareil est équipé d'un écran, n'oubliez pas que la modalité principale pour les utilisateurs est la priorité à la voix. Veillez à concevoir vos réponses enrichies spécifiquement pour la prise en charge des appels vocaux.
Pour détecter la disponibilité d'un écran et la modalité de saisie sur un écran connecté, vous pouvez utiliser le code suivant:
- Avec un écran:
if (conv.screen)
- Utilise la modalité vocale:
if (conv.input.type === 'VOICE')
- Utilise la modalité tactile:
if (conv.input.type === 'TOUCH')
- Utilise la modalité du clavier:
if (conv.input.type === 'KEYBOARD')
Conseils et bonnes pratiques
- Utilisez des réponses enrichies et la personnalisation du thème pour exploiter pleinement l'écran.
Si vous lisez du contenu multimédia, pensez à utiliser des réponses multimédias.
Pensez à l'environnement de l'utilisateur et à la manière dont votre action peut améliorer sa productivité chez lui.
Il n'est actuellement pas possible de créer des liens vers le Web depuis des écrans connectés.
Essayez ces actions
Essayer cet exemple
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/25 (UTC).
[null,null,["Dernière mise à jour le 2025/07/25 (UTC)."],[[["\u003cp\u003eSmart Displays are visual-forward devices used in homes, and developers can create Actions for in-home productivity or entertainment with rich visuals.\u003c/p\u003e\n"],["\u003cp\u003eActions on Google offers rich responses such as basic cards, lists, carousels, and more, that are optimized for Smart Displays, allowing for visual interactions.\u003c/p\u003e\n"],["\u003cp\u003eWhile Smart Displays have screens, the primary user modality is voice, so rich responses should be designed with voice invocation in mind.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers should leverage rich responses and theme customization to enhance the visual experience and consider the user's home environment when designing their Action.\u003c/p\u003e\n"],["\u003cp\u003eMedia responses are ideal for Actions involving media playback, but developers should ensure their Action requires media playback support and remember that web linking from Smart Displays is currently not supported.\u003c/p\u003e\n"]]],[],null,["# Smart displays\n\nSmart Displays bring visual-forward devices into users' home environments. Be a\npart of your users' daily routine, by creating an Action that helps with in-home\nproductivity or entertainment, accompanied by rich visuals.\n\nBuild rich responses for Smart Displays\n---------------------------------------\n\nActions on Google provides [rich responses](/assistant/conversational/df-asdk/rich-responses) that are optimized for Smart Displays. You can build visual interactions for your Actions using components such as:\n\n- [basic cards](/assistant/conversational/df-asdk/rich-responses#basic_card)\n- [lists](/assistant/conversational/df-asdk/responses#list)\n- [table cards](/assistant/conversational/df-asdk/rich-responses#table_cards)\n- [carousels](/assistant/conversational/df-asdk/selection-responses#carousel)\n- [suggestion chips](/assistant/conversational/df-asdk/rich-responses#suggestion_chips)\n\nIn addition, you can also create [custom themes](/assistant/conversational/df-asdk/rich-responses#customizing_your_responses) to more deeply customize your\nAction's look and feel.\n\nModalities\n----------\n\nEven if the device has a display, remember that the primary modality for users\nis voice-first. Make sure to design your rich responses specifically to support\nvoice invocation.\n\nTo detect the availability of a screen and the [input modality](/assistant/conversational/webhook/reference/rest/Shared.Types/InputType) on a Smart\nDisplay, you can use the following code:\n\n- **Has screen** : `if (conv.screen)`\n- **Uses voice modality** : `if (conv.input.type === 'VOICE')`\n- **Uses touch modality** : `if (conv.input.type === 'TOUCH')`\n- **Uses keyboard modality** : `if (conv.input.type === 'KEYBOARD')`\n\nTips \\& best practices\n----------------------\n\n- Use [rich responses](/assistant/conversational/df-asdk/rich-responses) and [theme customization](/assistant/conversational/df-asdk/rich-responses#customizing_your_responses) to make the most out of the screen.\n- If you're playing media, consider using [media responses](/assistant/conversational/df-asdk/rich-responses#media_responses).\n\n | **Note:** Not all devices support media playback. Make sure to [configure your\n | Action to require media playback support](/assistant/conversational/df-asdk/surface-capabilities#surface_capabilities_for_actions) in the Actions console.\n- Think about the user's environment and how your Action can add to their home\n productivity.\n\n- Linking out to the web from smart displays is currently not supported.\n\nTry these Actions\n-----------------\n\n- [SongPop](//assistant.google.com/services/a/uid/000000d630f56867)\n- [HeadSpace](//assistant.google.com/services/a/uid/000000addca8c8f3)\n- [Jeopardy](//assistant.google.com/services/a/uid/00000076d5b94d46)\n- [Mad Libs](//assistant.google.com/services/a/uid/0000001e90753a94)\n\nTry this sample\n---------------\n\n- [Dialogflow conversation components sample](//github.com/actions-on-google/dialogflow-conversation-components-nodejs)"]]
