Tutorial: Personalizando o estilo da mensagem usando pares chave-valor
Siga o código de exemplo neste tutorial para personalizar o estilo da sua mensagem no app usando pares chave-valor no SDK da Braze.
Pré-requisitos
Antes de poder usar esse recurso, você precisará integrar o Web Braze SDK. No entanto, nenhuma configuração adicional é necessária.
Personalizando o estilo da mensagem usando pares chave-valor para Web
Estamos testando este novo formato de tutorial. Diga-nos o que você acha — seus comentários nos ajudam a melhorar os guias futuros.
1. Remova chamadas para automaticallyShowInAppMessages() {#1-remove-calls-to-automaticallyshowinappmessages}
Remova qualquer chamada para automaticallyShowInAppMessages(), pois elas substituirão qualquer lógica personalizada que você implemente depois.
2. Ative a depuração (opcional) {#2-enable-debugging-optional}
Para facilitar a solução de problemas durante o desenvolvimento, considere ativar a depuração.
3. Inscreva-se no manipulador de retorno de chamada da mensagem no app {#3-subscribe-to-the-in-app-message-callback-handler}
Registre um retorno de chamada com subscribeToInAppMessage(callback) para receber uma mensagem sempre que uma mensagem no app for acionada.
4. Acesse a propriedade message.extras {#4-access-the-messageextras-property}
Use message.extras para acessar tipos de personalização, atributos de estilo ou quaisquer outros valores definidos no dashboard. Todos os valores são retornados como strings.
5. Chame condicionalmente showInAppMessage {#5-conditionally-call-showinappmessage}
Para exibir a mensagem, chame showInAppMessage(message). Caso contrário, use quaisquer propriedades personalizadas conforme necessário.
Pré-requisitos
Antes de usar este recurso, você precisará integrar o SDK Android Braze. Você também precisará ativar mensagens no app para Android.
Personalizando o estilo da mensagem usando pares chave-valor para Android
Estamos testando este novo formato de tutorial. Diga-nos o que você acha — seus comentários nos ajudam a melhorar os guias futuros.
1. Ative a depuração (opcional) {#1-enable-debugging-optional}
Para facilitar a solução de problemas durante o desenvolvimento, considere ativar a depuração.
2. Registre retornos de chamada do ciclo de vida da atividade {#2-register-activity-lifecycle-callbacks}
Registre o listener padrão da Braze para gerenciar o ciclo de vida da mensagem no app.
3. Crie sua classe de fábrica de visualização personalizada {#3-create-your-custom-view-factory-class}
Certifique-se de que sua classe esteja em conformidade com IInAppMessageViewFactory para que possa construir e retornar visualizações de mensagens personalizadas.
4. Delegue à fábrica padrão da Braze {#4-delegate-to-brazes-default-factory}
Delegue à fábrica padrão para manter o estilo nativo da Braze antes de aplicar suas próprias alterações condicionais.
5. Acesse pares chave-valor de inAppMessage.extras {#5-access-key-value-pairs-from-inappmessageextras}
Use inAppMessage.extras para acessar tipos de personalização, atributos de estilo ou quaisquer outros valores definidos no dashboard. Aplique substituições de estilo antes de retornar a visualização.
6. Implemente um IInAppMessageViewFactory personalizado {#6-implement-a-custom-iinappmessageviewfactory}
Implemente IInAppMessageViewFactory na sua classe personalizada para construir e renderizar visualizações de mensagens no app.
Pré-requisitos
Antes de poder usar esse recurso, você precisará integrar o Swift Braze SDK. Você também precisará ativar mensagens no app para Swift.
Personalizando o estilo da mensagem usando pares chave-valor para Swift
Estamos testando este novo formato de tutorial. Diga-nos o que você acha — seus comentários nos ajudam a melhorar os guias futuros.
1. Implemente BrazeInAppMessageUIDelegate {#1-implement-brazeinappmessageuidelegate}
Na sua classe AppDelegate, implemente BrazeInAppMessageUIDelegate para que você possa sobrescrever o método inAppMessage mais tarde.
2. Ative a depuração (opcional)
Para facilitar a solução de problemas durante o desenvolvimento, considere ativar a depuração.
3. Prepare as mensagens antes que sejam exibidas {#3-prepare-messages-before-theyre-displayed}
A Braze chama inAppMessage(_:prepareWith:) durante a preparação da mensagem. Use isso para personalizar o estilo ou aplicar lógica com base em pares chave-valor.
4. Acesse pares chave-valor de message.extras {#4-access-key-value-pairs-from-messageextras}
Use message.extras para acessar tipos de personalização, atributos de estilo ou quaisquer outros valores definidos no dashboard.
5. Atualize os atributos de estilo da mensagem {#5-update-the-messages-styling-attributes}
Use inAppMessage(_:prepareWith:) para acessar o PresentationContext e modificar os atributos de estilo diretamente. Cada tipo de mensagem no app expõe atributos diferentes.