Diseño de un envío push enriquecido para Android rich-push

IMPORTANT
Antes de diseñar una notificación push enriquecida, primero debe configurar el conector V2. Consulte esta página para ver el procedimiento detallado.

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.

Predeterminado
  1. Del desplegable Notification type, seleccione Default.

  2. Para redactar el mensaje, escriba el texto en los campos Title y Message.

  3. Utilice campos de personalización dinámicos para definir contenido, personalizar datos y agregar contenido dinámico. Más información

  4. 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.

Básico
  1. Del desplegable Notification Type, seleccione Basic.

  2. 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.

  3. Utilice campos de personalización dinámicos para definir contenido, personalizar datos y agregar contenido dinámico. Más información

  4. En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.

  5. 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.

  6. 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.

  7. 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.

  8. 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.

Carrusel
  1. Del desplegable Notification Type, seleccione Carousel.

  2. 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.

  3. Utilice el Editor de expresiones para definir contenido, personalizar datos y agregar contenido dinámico. Más información

  4. En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.

  5. 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.
  6. 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.

  7. 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.

  8. 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.

Botones de icono
  1. Del desplegable Notification Type, seleccione Icon buttons.

  2. En el menú Color options, escriba los códigos de color hexadecimales de su Background.

  3. Proporcione la dirección URL para Cancel button image.

  4. 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.

  5. 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.

Cuadro de entrada
  1. Del desplegable Notification Type, seleccione Input box.

  2. 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.

  3. En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.

  4. 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.

  5. 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.

Catálogo de productos
  1. Del desplegable Notification Type, seleccione Product catalog.

  2. 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.

  3. En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.

  4. 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.

  5. 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.

  6. 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.

Clasificación del producto
  1. Del desplegable Notification Type, seleccione Product rating.

  2. 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.

  3. En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.

  4. En el menú Product rating options, escriba las direcciones URL de Rating icon in unselected state y Rating icon in selected state.

  5. 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.

  6. 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.

Temporizador
  1. Del desplegable Notification Type, seleccione Timer.

  2. 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.

  3. Escriba el texto que se mostrará después de que caduque el temporizador en los campos Alternate title, Alternate message y Alternate expanded message.

  4. En el menú Color options, escriba los códigos de color hexadecimales para Title, Message, Background y Timer.

  5. 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.

  6. 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.

Bisel cero
  1. Del desplegable Notification Type, seleccione Zero bezel.

  2. 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.

  3. En el menú Color options, escriba los códigos de color hexadecimales para Title, Message y Background.

  4. En el menú Zero bezel options, agregue la URL de la imagen en el campo Collapsed notification style.

  5. 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

Parámetro
Descripción
Channel ID
Establezca el ID de canal de la notificación. La aplicación debe crear un canal con este ID de canal antes de recibir cualquier notificación.
Icon
Configure el icono de la notificación para que se muestre en los dispositivos de sus perfiles.
Sound
Configure el sonido para que se reproduzca cuando el dispositivo reciba la notificación.
Tag
Establezca un identificador utilizado para reemplazar las notificaciones existentes en el cajón de notificaciones. Esto ayuda a evitar la acumulación de varias notificaciones y garantiza que solo se muestre la notificación relevante más reciente.
Color
Establezca el color del icono de la notificación con un código de color hexadecimal.
Click action
Configure la acción asociada con un clic del usuario en la notificación.
Notification background color
Establece el color de tu fondo de notificación con tus códigos de color hexadecimales.
Link type
  • 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

Parámetro
Descripción
Ticker
Configure el texto del valor de la notificación. Solo está disponible para dispositivos configurados con Android 5.0 Lollipop.
Sticky
Cuando se activa, la notificación permanece visible incluso después de que el usuario haga clic en ella.
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.
Image
Configure la dirección URL de la imagen para que se muestre en la notificación.
Notification Priority
Defina el nivel de prioridad de la notificación, que puede ser predeterminado, mínimo, bajo o alto. El nivel de prioridad determina la importancia y la urgencia de la notificación, lo que influye en cómo se muestra y si puede omitir determinada configuración del sistema. Para más información, consulte la documentación de FCM.
Notification Count
Configure el número de información nueva no leída que se mostrará directamente en el icono de la aplicación. Esto permite al usuario ver rápidamente el número de notificaciones pendientes.
Visibility
Defina el nivel de visibilidad de la notificación, que puede ser pública, privada o secreta. El nivel de visibilidad determina la cantidad de contenido de la notificación que se muestra en la pantalla de bloqueo y en otras áreas confidenciales. Para obtener más información, consulte la documentación de FCM.
Application variables
Permite definir el comportamiento de las notificaciones. Estas variables son totalmente personalizables y se incluyen, ya que una parte de la carga útil de mensajes se envía al dispositivo móvil.
recommendation-more-help
35662671-8e3d-4f04-a092-029a056c566b