Pantallas inteligentes
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Las pantallas inteligentes llevan los dispositivos visuales en los entornos de los hogares de los usuarios. Formar parte de la rutina diaria de los usuarios creando una acción que ayude con la productividad o el entretenimiento en casa, acompañada de imágenes atractivas
Crea respuestas enriquecidas para pantallas inteligentes
Actions on Google proporciona respuestas enriquecidas que están optimizadas para pantallas inteligentes. Puedes compilar interacciones visuales para tus acciones con componentes como los siguientes:
Además, también puedes crear temas personalizados para personalizar más la apariencia de tu acción.
Modalidades
Incluso si el dispositivo tiene una pantalla, recuerda que la modalidad principal para los usuarios es la voz. Asegúrate de diseñar tus respuestas enriquecidas específicamente para admitir la invocación de voz.
Para detectar la disponibilidad de una pantalla y la modalidad de entrada en una pantalla inteligente, puedes usar el siguiente código:
- Tiene pantalla:
if (conv.screen)
- Usa modalidad de voz:
if (conv.input.type === 'VOICE')
- Usa modalidad táctil:
if (conv.input.type === 'TOUCH')
- Usa la modalidad de teclado:
if (conv.input.type === 'KEYBOARD')
Sugerencias y prácticas recomendadas
- Usa respuestas enriquecidas y personalización del tema para aprovechar al máximo la pantalla.
Si estás reproduciendo contenido multimedia, te recomendamos usar las respuestas multimedia.
Piensa en el entorno del usuario y en cómo tu acción puede aumentar la productividad de su casa.
Por el momento, no se admite la vinculación a la Web desde pantallas inteligentes.
Prueba estas acciones
Prueba esta muestra
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-07-25 (UTC)
[null,null,["Última actualización: 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)"]]
