Confira tudo que foi anunciado no Firebase Summit e veja como usar o Firebase para acelerar o desenvolvimento de apps e executar os aplicativos com confiança. Saiba mais

Personalize suas mensagens de mensagens no aplicativo do Firebase

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

O Firebase In-App Messaging fornece um conjunto útil de comportamentos pré-configurados e tipos de mensagem com uma aparência padrão, mas em alguns casos você pode querer estender os comportamentos e o conteúdo da mensagem. As mensagens no aplicativo permitem que você adicione ações às mensagens e personalize a aparência da mensagem.

Adicione uma ação à sua mensagem

Com ações, você pode usar suas mensagens no aplicativo para direcionar os usuários a um site ou a uma tela específica em seu aplicativo.

O Firebase In-App Messaging usa gerenciadores de links para processar ações. O SDK pode usar vários manipuladores, portanto, se seu aplicativo já tiver um, o Firebase In-App Messaging poderá usá-lo sem nenhuma configuração adicional. Se você ainda não tem um gerenciador, pode usar o Firebase Dynamic Links. Para saber mais, leia Criar links dinâmicos no iOS .

Adicione a ação à sua mensagem usando o Firebase console

Depois que seu aplicativo tiver um manipulador de links, você estará pronto para compor uma campanha com uma ação. Abra o Firebase console para Messaging e inicie uma nova campanha ou edite uma campanha existente. Nessa campanha, forneça um cartão , texto de botão e ação de botão , uma ação de imagem ou uma ação de banner , em que a ação é um link direto relevante.

O formato da ação depende de qual layout de mensagem você escolher. Os modais obtêm botões de ação com conteúdo de texto de botão personalizável, cor de texto e cor de fundo. As imagens e os banners principais, por outro lado, tornam-se interativos e invocam a ação especificada quando tocados.

Modificar a aparência da mensagem

O Firebase In-App Messaging permite que você personalize as exibições de mensagens para alterar a maneira como seu aplicativo renderiza o layout, os estilos de fonte, as formas dos botões e outros detalhes das mensagens. Há duas maneiras de modificar as exibições de mensagens: modifique as exibições padrão do Firebase In-App Messaging ou crie sua própria biblioteca de exibição de mensagens do zero.

Observação: este produto não está disponível em destinos macOS, Mac Catalyst, App Clip ou watchOS.

Modificar exibições padrão

A maneira mais direta de personalizar suas mensagens é criar o código de exibição de mensagem padrão do Firebase In-App Messaging.

Clone o firebase-ios-sdk

Para começar, clone a versão mais recente do repositório firebase firebase-ios-sdk e abra o diretório InAppMessaging .

Selecione os tipos de mensagem para modificar

Com o repositório clonado, você pode modificar qualquer um ou todos os tipos de mensagem do Firebase In-App Messaging: Card , Modal , Banner e ImageOnly . Cada tipo corresponde a um layout de mensagem no fluxo de criação da campanha Firebase In-App Messaging.

Assim, cada tipo tem acesso a um conjunto diferente de dados, determinados pelas opções de personalização da campanha no console do Firebase:

Modelo títuloTexto Texto de corpo cor do texto cor de fundo imageData botão de ação BotãoAçãoSecundário
Cartão
Modal
Bandeira
ImageOnly

Modifique o código de renderização da exibição da mensagem

Com as limitações do tipo de mensagem em mente, você pode modificá-las como quiser. Você pode criar um banner que é exibido na parte inferior do seu aplicativo, mover o botão de ação em um modal, incorporar a mensagem no aplicativo no feed de um usuário ou qualquer outra modificação que torne a aparência das mensagens adequada ao seu aplicativo .

Há duas coisas principais a serem observadas ao modificar exibições de mensagens:

  • Diretórios de tipo de mensagem: Cada tipo de mensagem possui um diretório separado com arquivos que determinam a lógica desse tipo:
  • Storyboard: a biblioteca InAppMessaging também possui um arquivo .storyboard que ajuda a definir a IU para todos os três tipos de mensagem:

Modifique os arquivos nos diretórios de seus tipos de mensagens preferidos e nas seções correspondentes do .storyboard para criar suas exibições de mensagens personalizadas.

Atualize seu podfile para usar seu código InAppMessaging modificado

Para que o Firebase In-App Messaging use suas exibições de mensagens modificadas em vez das exibições padrão, atualize seu podfile para usar sua biblioteca personalizada do InAppMessaging :

# 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
Feito isso, você pode atualizar seus pods, reconstruir seu aplicativo e ver suas novas exibições de mensagens personalizadas.

Crie sua própria biblioteca de exibição de mensagens

Você não está limitado a trabalhar na biblioteca InAppMessaging para criar uma interface do usuário para exibir mensagens. Você também pode escrever seu próprio código do zero.

Crie uma classe que implemente o protocolo InAppMessagingDisplay

O Firebase In-App Messaging usa a classe InAppMessaging para lidar com as comunicações entre os servidores Firebase e seu aplicativo. Essa classe, por sua vez, usa o protocolo InAppMessagingDisplay para exibir as mensagens que recebe. Para construir sua própria biblioteca de exibição, escreva uma classe que implemente o protocolo.

A definição do protocolo e a documentação sobre como cumpri-lo estão no arquivo FIRInAppMessagingDisplay.h da biblioteca InAppMessaging .

Definir messageDisplayComponent para usar sua biblioteca de exibição de mensagens

InAppMessaging usa sua propriedade messageDisplayComponent para determinar qual objeto usar ao exibir mensagens. Defina essa propriedade como um objeto de sua classe de exibição de mensagem personalizada, para que o Firebase In-App Messaging saiba usar sua biblioteca para renderizar mensagens:

InAppMessaging.inAppMessaging().messageDisplayComponent = yourInAppMessagingRenderingInstance