Smart display
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Gli smart display portano i dispositivi di visualizzazione visiva negli ambienti domestici degli utenti. Entra a far parte della routine quotidiana dei tuoi utenti, creando un'azione che favorisca la produttività o l'intrattenimento a casa, accompagnata da immagini accattivanti.
Crea risposte dettagliate per gli smart display
Actions on Google fornisce risposte avanzate ottimizzate per gli smart display. Puoi creare interazioni visive per le tue azioni utilizzando componenti come:
Puoi inoltre creare temi personalizzati per personalizzare in modo più approfondito l'aspetto dell'Azione.
Modalità
Anche se il dispositivo ha un display, ricorda che la modalità principale per gli utenti
è voice-first. Assicurati di progettare le tue risposte avanzate specificamente per supportare le chiamate vocali.
Per rilevare la disponibilità di una schermata e la modalità di inserimento su uno smart display, puoi utilizzare il seguente codice:
- Ha uno schermo:
if (conv.screen)
- Utilizza la modalità vocale:
if (conv.input.type === 'VOICE')
- Usa la modalità touch:
if (conv.input.type === 'TOUCH')
- Utilizza la modalità da tastiera:
if (conv.input.type === 'KEYBOARD')
Suggerimenti e best practice
- Utilizza le risposte avanzate e la personalizzazione dei temi per ottenere il massimo dallo schermo.
Se stai riproducendo contenuti multimediali, valuta la possibilità di utilizzare le risposte multimediali.
Pensa all'ambiente dell'utente e a come la tua Azione può contribuire alla produttività
della casa.
Il collegamento al web da smart display non è attualmente supportato.
Prova queste azioni
Prova questo esempio
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-07-25 UTC.
[null,null,["Ultimo aggiornamento 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)"]]
