Cómo configurar notificaciones push para una app de React Native

Objetivos del artículo

Obtén información sobre cómo usar el kit de desarrollo de software (SDK) de React Native de Klaviyo para enviar notificaciones push de Mobile Push.

¿Qué es React Native?

React Native es un framework híbrido que te permite crear apps móviles para iOS y Android. Está escrito en JavaScript y te permite utilizar una sola base de código para ambas plataformas. Las apps de React Native se ven como cualquier otra app.

El kit de desarrollo de software (SDK) de React Native de Klaviyo te permite conectar Klaviyo con apps creadas con React Native.

Antes de empezar

Antes de poder configurar notificaciones push para tu app de React Native, debes:

• Tener tu propia app de React Native para iOS, Android o ambos.
• Instala el kit de desarrollo de software (SDK) de React Native en la app móvil.

Configurar notificaciones push

Una vez que cumplas con los requisitos anteriores, configura las notificaciones push en Klaviyo para cada plataforma compatible con tu app: iOS, Android o ambas. Si tu app es compatible con ambas plataformas, completa las 2 guías de configuración a continuación.

Para obtener instrucciones, consulta nuestras guías de configuración para:

• Cómo configurar notificaciones push de iOS
• Cómo configurar las notificaciones push en Android

Prueba el envío de una notificación push

Después de configurar las notificaciones push en tu cuenta de Klaviyo y confirmar que el kit de desarrollo de software (SDK) de Klaviyo React Native está instalado en tu aplicación móvil:

1. Inicia sesión en la app móvil con una dirección de correo electrónico o un número de teléfono que facilite encontrar el perfil en Klaviyo.
2. Si aparece un mensaje, habilita las notificaciones push para la aplicación. Si no aparece un mensaje, confirma que las notificaciones push estén habilitadas para la aplicación en la app de configuración del dispositivo.
3. En Klaviyo, ve a Audiencia > Perfiles y busca tu perfil de prueba. Si no puedes encontrar tu perfil, consulta con el desarrollador de tu app para confirmar que tu app envía identificadores de perfil a Klaviyo.
4. En Consentimiento del canal, confirma que el perfil está suscrito a las notificaciones push de Mobile Push.

5. Crea una lista o segmento solo con tu perfil.
6. Crea una campaña de notificación push y selecciona esa lista o ese segmento como audiencia.
7. Termina de crear el mensaje y luego envía la campaña a tu lista o segmento de prueba.
8. Confirma que la notificación aparezca en el dispositivo.
9. Toca la notificación en el dispositivo para abrir la app.
10. Revisa el feed de actividad del perfil para confirmar que ves tanto un evento de Received Push como un evento de Opened Push.

Si la app es compatible con iOS y Android, repite la prueba en un dispositivo de cada plataforma.

Guía de solución de problemas

• ¿Por qué no veo un token de notificaciones push en el perfil en Klaviyo? Al igual que una dirección de correo electrónico para los correos, las notificaciones push se envían a tokens de notificaciones push. La aplicación móvil debe reenviar el token de notificaciones push de un dispositivo a Klaviyo para que puedas enviar notificaciones push a ese dispositivo. Confirma con el desarrollador de tu aplicación que haya implementado el código descrito en la sección Notificación push de nuestra documentación del kit de desarrollo de software (SDK).
• ¿Por qué no se muestran las imágenes en las notificaciones push de iOS? El contenido multimedia enriquecido se muestra en iOS solo si agregas la Extensión de servicio de notificaciones a tu app. Confirma con tus desarrolladores de aplicaciones que han implementado el código descrito en la sección de notificaciones push enriquecidas de nuestra documentación del SDK.
• ¿Por qué no veo eventos de Apertura de Push incluso cuando toco una notificación? La app necesita tener configurado el seguimiento de apertura de push para informar los eventos de Apertura de Push a Klaviyo. Trabaja con tu desarrollador para configurar el seguimiento automático o implementar el código de seguimiento en la parte nativa de iOS o Android de la app, como se describe en la sección Seguimiento de eventos de apertura de nuestra documentación del kit de desarrollo de software (SDK).

Recursos adicionales

• Conoce el consentimiento para notificaciones push
• Aprende a usar notificación push para campañas.
• Mira cómo usar enlaces profundos en notificaciones push.

Recursos adicionales