Entérate de todos los anuncios de Firebase Summit y descubre cómo Firebase puede ayudarte a acelerar el desarrollo de las apps y a ejecutarlas con confianza. Más información

Personaliza tus mensajes de Firebase In-App Messaging

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

Firebase In-App Messaging proporciona un conjunto útil de comportamientos preconfigurados y tipos de mensajes con una apariencia predeterminada, pero en algunos casos es posible que desee ampliar los comportamientos y el contenido de los mensajes. La mensajería en la aplicación le permite agregar acciones a los mensajes y personalizar la apariencia de los mensajes.

Agrega una acción a tu mensaje

Con las acciones, puede usar sus mensajes en la aplicación para dirigir a los usuarios a un sitio web o una pantalla específica en su aplicación.

Firebase In-App Messaging usa controladores de enlaces para procesar acciones. El SDK puede usar varios controladores, por lo que si su aplicación ya tiene uno, Firebase In-App Messaging puede usarlo sin ninguna configuración adicional. Si aún no tiene un controlador, puede usar Firebase Dynamic Links. Para obtener más información, lea Crear vínculos dinámicos en iOS .

Agregue la acción a su mensaje usando la consola de Firebase

Una vez que su aplicación tenga un controlador de enlaces, estará listo para crear una campaña con una acción. Abra Firebase console en Messaging e inicie una campaña nueva o edite una campaña existente. En esa campaña, proporcione una tarjeta , un texto de botón y una acción de botón, una acción de imagen o una acción de banner , donde la acción es un vínculo profundo relevante.

El formato de la acción depende del diseño del mensaje que elija. Los modales obtienen botones de acción con contenido de texto de botón personalizable, color de texto y color de fondo. Las imágenes y los banners superiores, por otro lado, se vuelven interactivos e invocan la acción especificada cuando se tocan.

Modificar la apariencia del mensaje

Firebase In-App Messaging le permite personalizar la visualización de mensajes para cambiar la forma en que su aplicación representa el diseño de los mensajes, los estilos de fuente, las formas de los botones y otros detalles. Hay dos formas de modificar las visualizaciones de mensajes: modificar las visualizaciones predeterminadas de Firebase In-App Messaging o crear su propia biblioteca de visualizaciones de mensajes desde cero.

Nota: este producto no está disponible en objetivos macOS, Mac Catalyst, App Clip o watchOS.

Modificar pantallas predeterminadas

La forma más sencilla de personalizar sus mensajes es crearlos a partir del código de visualización de mensajes predeterminado de Firebase In-App Messaging.

Clonar el firebase-ios-sdk

Para comenzar, clone la versión más reciente del firebase-ios-sdk y abra el directorio InAppMessaging .

Seleccionar tipos de mensajes para modificar

Con el repositorio clonado, puede modificar cualquiera o todos los tipos de mensajes de Firebase In-App Messaging: Card , Modal , Banner e ImageOnly . Cada tipo corresponde a un diseño de mensaje en el flujo de creación de campañas de Firebase In-App Messaging.

En consecuencia, cada tipo tiene acceso a un conjunto diferente de datos, determinado por las opciones de personalización de la campaña en la consola de Firebase:

Escribe texto del título cuerpo de texto color de texto color de fondo datos de imagen botón de acción botón de acción secundario
Tarjeta
Modal
Bandera
SoloImagen

Modificar el código de representación de visualización de mensajes

Teniendo en cuenta las limitaciones del tipo de mensaje, puede modificarlos como desee. Puede crear un banner que se muestre en la parte inferior de su aplicación, moverse por el botón de acción en un modal, incrustar el mensaje en la aplicación en el feed de un usuario o cualquier otra modificación que haga que los mensajes se vean y se sientan adecuados para su aplicación. .

Hay dos cosas principales a las que se debe prestar atención cuando se modifican las pantallas de mensajes:

  • Directorios de tipos de mensajes: cada tipo de mensaje tiene un directorio separado con archivos que determinan la lógica de ese tipo:
  • Storyboard: la biblioteca InAppMessaging también tiene un archivo .storyboard que ayuda a definir la interfaz de usuario para los tres tipos de mensajes:

Modifique los archivos en los directorios de sus tipos de mensajes preferidos y las secciones correspondientes del .storyboard para crear sus pantallas de mensajes personalizadas.

Actualice su podfile para usar su código InAppMessaging modificado

Para que Firebase In-App Messaging use sus pantallas de mensajes modificadas en lugar de las pantallas predeterminadas, actualice su podfile para usar su biblioteca InAppMessaging personalizada:

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'

target 'YourProject' do
# Comment the next line if you're not using Swift and don't want to use dynamic frameworks
use_frameworks!

# Pods for YourProject
pod 'Firebase'

# Remove the default InAppMessaging pod:
# pod 'Firebase/InAppMessaging'

# Overwrite it with a version that points to your local copy:
pod `FirebaseInAppMessaging', :path => '~/Path/To/The/Cloned/Repo/'

end
Una vez hecho esto, puede actualizar sus pods, reconstruir su aplicación y ver sus nuevas pantallas de mensajes personalizados.

Cree su propia biblioteca de visualización de mensajes

No está limitado a trabajar desde la biblioteca InAppMessaging para crear una interfaz de usuario para mostrar mensajes. También puede escribir su propio código desde cero.

Cree una clase que implemente el protocolo InAppMessagingDisplay

Firebase In-App Messaging usa la clase InAppMessaging para manejar las comunicaciones entre los servidores de Firebase y su aplicación. Esa clase, a su vez, usa el protocolo InAppMessagingDisplay para mostrar los mensajes que recibe. Para crear su propia biblioteca de visualización, escriba una clase que implemente el protocolo.

La definición del protocolo y la documentación sobre cómo cumplirlo se encuentran en el archivo FIRInAppMessagingDisplay.h de la biblioteca InAppMessaging .

Configure messageDisplayComponent para usar su biblioteca de visualización de mensajes

InAppMessaging usa su propiedad messageDisplayComponent para determinar qué objeto usar al mostrar mensajes. Establezca esa propiedad en un objeto de su clase de visualización de mensajes personalizados, para que Firebase In-App Messaging sepa usar su biblioteca para representar mensajes:

InAppMessaging.inAppMessaging().messageDisplayComponent = yourInAppMessagingRenderingInstance