Crear notificaciones push enriquecidas para iOS
Las notificaciones enriquecidas permiten personalizar más tus notificaciones push porque añaden contenido más allá del texto. Las notificaciones de Android incluyen imágenes en las notificaciones push desde hace tiempo, lo que se conoce como “imagen de notificación expandida”. A partir de iOS 10, tus clientes pueden recibir notificaciones push de iOS que incluyan GIF, imágenes, videos o audio.
Requisitos previos
Antes de crear una notificación push enriquecida para iOS, ten en cuenta los siguientes detalles:
- Para asegurarte de que tu aplicación pueda enviar notificaciones enriquecidas, sigue las instrucciones de integración push para iOS, ya que tu desarrollador tendrá que añadir una extensión de servicio a tu aplicación.
- Los tipos de archivo que actualmente admitimos para la carga directa desde nuestro panel son JPEG, PNG o GIF. Estos archivos también se pueden introducir en el campo de URL con plantilla, junto con estos tipos de archivo adicionales: AIF, M4A, MP3, MP4 o WAV.
- Consulta la documentación de Apple para conocer las limitaciones y especificaciones de los medios.
- iOS escala las imágenes para que se ajusten a la pantalla y escalará las imágenes enriquecidas para la vista activa o bloqueada.
Desde enero de 2020, las notificaciones push enriquecidas de iOS admiten imágenes de 1038x1038 de menos de 10 MB, pero te recomendamos usar un tamaño de archivo lo más pequeño posible. En la práctica, enviar archivos grandes puede provocar una carga de red innecesaria y hacer que los tiempos de espera de descarga sean más frecuentes.
Es posible que las imágenes de las notificaciones push no se muestren como esperas si el tamaño del archivo de la imagen es demasiado grande, la relación de aspecto es incorrecta, el texto supera la longitud máxima del mensaje o el texto del título supera la longitud máxima del título.
Recuento de caracteres
Aunque no podemos darte una regla fija sobre el número exacto de caracteres que debes incluir en una notificación push, sí ofrecemos algunas pautas que puedes tener en cuenta al diseñar mensajes para iOS. Puede haber cierta variación según la presencia de una imagen, el estado de la notificación y la configuración de visualización del dispositivo del usuario, y el tamaño del dispositivo. Si tienes dudas, sé breve y directo.
Como práctica recomendada, Braze aconseja mantener cada línea de texto, tanto del título opcional como del cuerpo del mensaje, en aproximadamente 30-40 caracteres en una notificación push para móviles.
Estados de notificación
Tus usuarios pueden ver las notificaciones push en distintas situaciones y podrían ver diferentes longitudes de texto, como se indica a continuación.
| Pantalla de bloqueo o centro de notificaciones | Expandida | Dispositivo activo |
|---|---|---|
| Este es el caso más habitual. Título: 1 línea de texto Cuerpo: 4 líneas de texto Imagen: miniatura cuadrada |
Cuando un usuario mantiene pulsado un mensaje. Título: 1 línea de texto Cuerpo: 7 líneas de texto Imagen: relación de aspecto 2:1 (recomendada, consulta la nota siguiente) |
Cuando un usuario recibe una notificación push mientras su teléfono está desbloqueado y activo. Título: 1 línea de texto Cuerpo: 2 líneas de texto |
Aunque recomendamos una relación de aspecto de 2:1 para las notificaciones push expandidas, se admite casi cualquier relación de aspecto. Las imágenes siempre ocuparán todo el ancho de la notificación y la altura se ajustará en consecuencia.
Variables en el truncamiento de texto
Al crear contenido, ten en cuenta los siguientes casos que pueden influir en la cantidad de texto que se muestra.
Según el momento en que un usuario interactúe con una notificación push, la marca de tiempo puede acortar el texto del título.
Recuento de caracteres del título: 35
Recuento de caracteres del título: 33
Recuento de caracteres del título: 22
El texto del cuerpo se acorta unos 10 caracteres por línea cuando hay una imagen.
Recuento de caracteres del cuerpo: 179
Recuento de caracteres del cuerpo: 154
En iOS 15, las indicaciones Time Sensitive y Critical desplazan el título a una nueva línea sin la marca de tiempo, lo que le da un poco más de espacio.
Recuento de caracteres del título: 35
Recuento de caracteres del título: 39
iOS muestra el título de la notificación push en una sola línea. Si el resultado de tu título con plantilla incluye caracteres de nueva línea, por ejemplo, de un bloque capture, una condicional o contenido conectado, es posible que los usuarios solo vean el texto anterior al primer salto de línea.
Aplica el filtro strip_newlines al resultado final del título para eliminar los saltos de línea antes del envío. Para ver un ejemplo, consulta Crear una notificación push.
Los siguientes detalles también pueden influir en el truncamiento del texto:
- Configuración de pantalla del teléfono: un usuario puede aumentar o reducir el tamaño de fuente global de la interfaz de su teléfono, normalmente por motivos de accesibilidad.
- Ancho del dispositivo: el mensaje podría mostrarse en un teléfono pequeño o en un iPad ancho.
- Tipos de contenido: los emojis y los caracteres anchos como “m” y “w” ocupan más espacio que “i” o “t”, y las palabras más largas como “participación” pueden saltar de línea de forma más brusca que las palabras más cortas.
Configurar tu notificación enriquecida de iOS
Paso 1: Crear una Campaign push
Sigue los pasos de la Campaign para redactar una notificación push para iOS. Usarás el mismo creador que utilizas para configurar notificaciones push sin contenido enriquecido.
Paso 2: Añadir contenido multimedia
Añade tu archivo de imagen, GIF, audio o video en el campo iOS Notification Image del creador del mensaje. Consulta los requisitos previos para saber cómo añadir tus archivos de contenido.
También puedes limitar este mensaje para que solo se envíe a usuarios con un dispositivo que ejecute iOS 10. Si dejas sin marcar la opción Only send to devices with Rich Notification support, los usuarios que no hayan actualizado a iOS 10 verán una notificación de solo texto, sin el contenido enriquecido.
Paso 3: Seguir creando tu Campaign
Cuando hayas cargado el contenido de tu notificación enriquecida en el panel, puedes continuar con la programación de tu Campaign.
Cuando un usuario recibe la notificación push, puede presionar con fuerza el mensaje push para expandir la imagen.
