Diseño de un envío push enriquecido para Android rich-push
Con Firebase Cloud Messaging, puede elegir entre dos tipos de mensajes:
-
La aplicación cliente administra Data message. Estos mensajes se envían directamente a la aplicación móvil, que genera y muestra una notificación de Android en el dispositivo. Los mensajes de datos solo contienen las variables de aplicación personalizadas.
-
Notification message, gestionado automáticamente por el SDK de FCM. FCM muestra automáticamente el mensaje en los dispositivos de los usuarios en nombre de la aplicación del cliente. Los mensajes de notificación contienen un conjunto predefinido de parámetros y opciones, pero pueden personalizarse aún más con las variables de aplicación personalizadas.
Si la barra de desplazamiento está deshabilitada en la interfaz, obtenga acceso a Administration >
Platform >
Options y establezca la opción XtkUseScrollBar en 1.
Definición del contenido de una notificación de Android push-message
Una vez creado el envío push, puede definir su contenido con una de las siguientes plantillas:
-
Predeterminado le permite enviar notificaciones con un icono simple y una imagen adjunta.
-
Básico puede incluir texto, imágenes y botones en las notificaciones.
-
Carrusel le permite enviar notificaciones con texto e imágenes múltiples que los usuarios pueden deslizar.
-
Botones de icono le permite enviar notificaciones con un icono y una imagen correspondiente.
-
Cuadro de entrada recopila datos proporcionados por el usuario y comentarios directamente a través de la notificación.
-
El catálogo de productos muestra una variedad de imágenes de productos.
-
Clasificación del producto permite que los usuarios proporcionen comentarios y valoren los productos.
-
Timer incluye un temporizador de cuenta atrás activo en tus notificaciones.
-
Bisel cero usa toda la superficie de fondo para una imagen, con texto superpuesto sin problemas.
Desplácese por las pestañas siguientes para obtener más información sobre cómo personalizar estas plantillas.
-
Del desplegable Notification type, seleccione Default.
-
Para redactar el mensaje, escriba el texto en los campos Title y Message.
-
Utilice campos de personalización dinámicos para definir contenido, personalizar datos y agregar contenido dinámico. Más información
-
Para personalizar aún más la notificación push, configure Notification options y HTTPv1 additional options de la notificación push. Más información
Una vez definido el contenido del mensaje, puede utilizar los suscriptores de prueba para previsualizar y probar el mensaje.
-
Del desplegable Notification Type, seleccione Basic.
-
Para redactar el mensaje, escriba el texto en los campos Title, Message y Expanded message.
El texto Message aparece en la vista contraída mientras que Expanded message se muestra cuando se expande la notificación.
-
Utilice campos de personalización dinámicos para definir contenido, personalizar datos y agregar contenido dinámico. Más información
-
En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.
-
Agregue un(a) Remind later button si es necesario. Escriba su Reminder Text y Fecha en los campos correspondientes.
El campo Reminder Date espera un valor que represente una época en segundos.
-
Haga clic en Add button y rellene los campos siguientes:
- Label: texto mostrado en el botón.
- Link URI: especifique el URI que se ejecutará al hacer clic en el botón.
Tiene la opción de incluir hasta tres botones en la notificación push. Si opta por Remind later button, solo puede incluir un máximo de dos botones.
-
Seleccione Link type de la URL vinculada al botón:
-
Web URL: las direcciones URL web dirigen a los usuarios al contenido en línea. Al hacer clic en, se solicita al explorador web predeterminado del dispositivo que abra y navegue hasta la dirección URL designada.
-
Deeplink: los vínculos profundos son direcciones URL que guían a los usuarios a secciones específicas dentro de una aplicación aunque esta esté cerrada. Al hacer clic en él, puede aparecer un cuadro de diálogo que permite a los usuarios elegir entre varias aplicaciones capaces de gestionar el vínculo.
-
Open App: las direcciones URL de aplicaciones abiertas le permiten conectarse directamente al contenido de una aplicación. Permite a la aplicación establecerse como controlador predeterminado para un tipo específico de vínculo, omitiendo el cuadro de diálogo de desambiguación.
Para obtener más información sobre cómo administrar los vínculos de la aplicación de Android, consulte Documentación para desarrolladores de Android.
-
-
Para personalizar aún más la notificación push, configure Notification options y HTTPv1 additional options de la notificación push. Más información
Una vez definido el contenido del mensaje, puede utilizar los suscriptores de prueba para previsualizar y probar el mensaje.
-
Del desplegable Notification Type, seleccione Carousel.
-
Para redactar el mensaje, escriba el texto en los campos Title, Message y Expanded message.
El texto Message aparece en la vista contraída mientras que Expanded message se muestra cuando se expande la notificación.
-
Utilice el Editor de expresiones para definir contenido, personalizar datos y agregar contenido dinámico. Más información
-
En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.
-
Elija cómo funciona Carousel:
- Auto: recorre automáticamente las imágenes como diapositivas, realizando la transición a intervalos predefinidos.
- Manual: permite a los usuarios deslizar manualmente entre diapositivas para navegar por las imágenes.
-
En la lista desplegable Layout, seleccione la opción Filmstrip para incluir vistas previas de las imágenes anterior y siguiente junto a la diapositiva principal.
-
Haga clic en Add image e introduzca la URL de imagen, el texto y la URL de acción.
Asegúrese de incluir un mínimo de tres imágenes y un máximo de cinco.
-
Para personalizar aún más la notificación push, configure Notification options y HTTPv1 additional options de la notificación push. Más información
Una vez definido el contenido del mensaje, puede utilizar los suscriptores de prueba para previsualizar y probar el mensaje.
-
Del desplegable Notification Type, seleccione Icon buttons.
-
En el menú Color options, escriba los códigos de color hexadecimales de su Background.
-
Proporcione la dirección URL para Cancel button image.
-
En Icon image buttons, haga clic en Add image. A continuación, introduzca Image URL, Link type y Link URI.
Asegúrese de incluir un mínimo de tres imágenes y un máximo de cinco botones.
-
Para personalizar aún más la notificación push, configure Notification options y HTTPv1 additional options de la notificación push. Más información
Una vez definido el contenido del mensaje, puede utilizar los suscriptores de prueba para previsualizar y probar el mensaje.
-
Del desplegable Notification Type, seleccione Input box.
-
Para redactar el mensaje, escriba el texto en los campos Title, Message y Expanded message.
El texto Message aparece en la vista contraída mientras que Expanded message se muestra cuando se expande la notificación.
-
En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.
-
En el menú Input box options, rellene la siguiente opción:
- Input receiver name: escriba el nombre o identificador del receptor de la entrada.
- Input text: escriba el texto para el cuadro de entrada.
- Feedback text: escriba el texto que se mostrará después de una respuesta.
- Feedback image: agregue la dirección URL de la imagen mostrada después de una respuesta.
-
Para personalizar aún más la notificación push, configure Notification options y HTTPv1 additional options de la notificación push. Más información
Una vez definido el contenido del mensaje, puede utilizar los suscriptores de prueba para previsualizar y probar el mensaje.
-
Del desplegable Notification Type, seleccione Product catalog.
-
Para redactar el mensaje, escriba el texto en los campos Title, Message y Expanded message.
El texto Message aparece en la vista contraída mientras que Expanded message se muestra cuando se expande la notificación.
-
En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.
-
En el menú Product catalog options, rellene las opciones siguientes:
- Action button text: texto mostrado en el botón.
- Action button text color: color del texto del botón Acción.
- Action button color: color del botón Acción.
- Action button URI: especifique el URI que se ejecutará al hacer clic en el botón.
- Display type: elija entre la visualización vertical u horizontal.
-
En el menú Product catalog items, haga clic en Add e introduzca los siguientes detalles para cada elemento:
- Title
- Description
- Image URL
- Price
- URI
Asegúrese de incluir un máximo de tres elementos.
-
Para personalizar aún más la notificación push, configure Notification options y HTTPv1 additional options de la notificación push. Más información
Una vez definido el contenido del mensaje, puede utilizar los suscriptores de prueba para previsualizar y probar el mensaje.
-
Del desplegable Notification Type, seleccione Product rating.
-
Para redactar el mensaje, escriba el texto en los campos Title, Message y Expanded message.
El texto Message aparece en la vista contraída mientras que Expanded message se muestra cuando se expande la notificación.
-
En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.
-
En el menú Product rating options, escriba las direcciones URL de Rating icon in unselected state y Rating icon in selected state.
-
En el menú Product rating items, haga clic en Add, escriba su Link URI y elija su Link type.
-
Web URL: las direcciones URL web dirigen a los usuarios al contenido en línea. Al hacer clic en, se solicita al explorador web predeterminado del dispositivo que abra y navegue hasta la dirección URL designada.
-
Deeplink: los vínculos profundos son direcciones URL que guían a los usuarios a secciones específicas dentro de una aplicación aunque esta esté cerrada. Al hacer clic en él, puede aparecer un cuadro de diálogo que permite a los usuarios elegir entre varias aplicaciones capaces de gestionar el vínculo.
-
Open App: las direcciones URL de aplicaciones abiertas le permiten conectarse directamente al contenido de una aplicación. Permite a la aplicación establecerse como controlador predeterminado para un tipo específico de vínculo, omitiendo el cuadro de diálogo de desambiguación.
-
Dismiss: no hay ninguna dirección URL asociada al botón; al hacer clic en se cierra simplemente el cuadro de diálogo o la interfaz.
Asegúrese de incluir un mínimo de tres valores y un máximo de cinco.
-
-
Para personalizar aún más la notificación push, configure Notification options y HTTPv1 additional options de la notificación push. Más información
Una vez definido el contenido del mensaje, puede utilizar los suscriptores de prueba para previsualizar y probar el mensaje.
-
Del desplegable Notification Type, seleccione Timer.
-
Para redactar el mensaje, escriba el texto en los campos Title, Message y Expanded message.
El texto Message aparece en la vista contraída mientras que Expanded message se muestra cuando se expande la notificación.
-
Escriba el texto que se mostrará después de que caduque el temporizador en los campos Alternate title, Alternate message y Alternate expanded message.
-
En el menú Color options, escriba los códigos de color hexadecimales para Title, Message, Background y Timer.
-
Establezca su Timer duration en segundos o el Timer end timestamp a una marca de tiempo epoch específica y agregue la URL Alternate image que se mostrará después de que caduque el temporizador.
-
Para personalizar aún más la notificación push, configure Notification options y HTTPv1 additional options de la notificación push. Más información
Una vez definido el contenido del mensaje, puede utilizar los suscriptores de prueba para previsualizar y probar el mensaje.
-
Del desplegable Notification Type, seleccione Zero bezel.
-
Para redactar el mensaje, escriba el texto en los campos Title, Message y Expanded message.
El texto Message aparece en la vista contraída mientras que Expanded message se muestra cuando se expande la notificación.
-
En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.
-
En el menú Zero bezel options, agregue la URL de la imagen en el campo Collapsed notification style.
-
Para personalizar aún más la notificación push, configure Notification options y HTTPv1 additional options de la notificación push. Más información
Una vez definido el contenido del mensaje, puede utilizar los suscriptores de prueba para previsualizar y probar el mensaje.
Configuración avanzada de notificación push push-advanced
Opciones de notificación notification-options
- URL web: las URL web dirigen a los usuarios al contenido en línea. Al hacer clic en, se solicita al explorador web predeterminado del dispositivo que abra y navegue hasta la dirección URL designada.
- Vínculos profundos: Los vínculos profundos son direcciones URL que guían a los usuarios a secciones específicas de una aplicación aunque esta esté cerrada. Al hacer clic en él, puede aparecer un cuadro de diálogo que permite a los usuarios elegir entre varias aplicaciones capaces de gestionar el vínculo.
- Abrir aplicación: Las direcciones URL de Abrir aplicación permiten conectarse directamente al contenido de una aplicación. Permite a la aplicación establecerse como controlador predeterminado para un tipo específico de vínculo, omitiendo el cuadro de diálogo de desambiguación.
Opciones adicionales de HTTPv1 additional-options
Si está desactivada, la notificación se descarta automáticamente cuando el usuario interactúa con ella. El comportamiento adhesivo permite que las notificaciones importantes persistan en la pantalla durante períodos más largos.