Skip to content

Crear notificaciones push enriquecidas para iOS

Las notificaciones enriquecidas permiten una mayor personalización en tus notificaciones push al añadir contenido adicional más allá del texto. Las notificaciones de Android han incluido imágenes en las notificaciones push desde hace tiempo, presentadas como una “imagen de notificación expandida”. A partir de iOS 10, tus clientes podrán 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 de iOS, ya que tu desarrollador necesitará añadir una extensión de servicio a tu aplicación.
  • Los tipos de archivo que actualmente admitimos para carga directa en nuestro dashboard incluyen 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 medios.
  • Las notificaciones enriquecidas de iOS no están disponibles al crear una campaña push rápida.
  • iOS escalará las imágenes para que se ajusten a la pantalla y escalará las imágenes enriquecidas para la vista activa o de bloqueo.

Recuento de caracteres

Aunque no podemos proporcionar una regla estricta sobre el número preciso de caracteres a incluir en un push, proporcionamos algunas directrices a considerar al diseñar mensajes de iOS. Puede haber cierta variación dependiendo de 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. En caso de duda, mantenlo breve y conciso.

Como práctica recomendada, Braze recomienda mantener cada línea de texto tanto para el título opcional como para el cuerpo del mensaje en aproximadamente 30-40 caracteres en una notificación push móvil.

Estados de notificación

Tus usuarios pueden ver las notificaciones push en una variedad de situaciones diferentes, 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 escenario más común.

Título: 1 línea de texto
Cuerpo: 4 líneas de texto
Imagen: miniatura cuadrada
Cuando un usuario mantiene presionado 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 siguiente nota)
Cuando un usuario recibe un push mientras su teléfono está desbloqueado y activo.

Título: 1 línea de texto
Cuerpo: 2 líneas de texto

Ejemplos de notificaciones push mostradas en la pantalla de bloqueo, expandidas y con el dispositivo activo.

Variables en el truncamiento de texto

Al crear contenido, considera los siguientes escenarios que pueden afectar la cantidad de texto que se muestra.

Dependiendo de cuándo un usuario interactúe con una notificación push, la marca de tiempo puede acortar el texto del título.

Ejemplo de notificación push con una marca de tiempo de "ahora" y un recuento de caracteres del título de 35.
Recuento de caracteres del título: 35

Ejemplo de notificación push con una marca de tiempo de "hace 3h" y un recuento de caracteres del título de 33.
Recuento de caracteres del título: 33

Ejemplo de notificación push con una marca de tiempo de "Ayer, 8:37 AM" y un recuento de caracteres del título de 22.
Recuento de caracteres del título: 22

El texto del cuerpo se acorta aproximadamente 10 caracteres por línea cuando hay una imagen presente.

Ejemplo de notificación push sin imagen y un recuento de caracteres del cuerpo de 179.
Recuento de caracteres del cuerpo: 179

Ejemplo de notificación push con una imagen y un recuento de caracteres del cuerpo de 154.
Recuento de caracteres del cuerpo: 154

Para iOS 15, las designaciones de Urgente y Crítica empujan el título a una nueva línea sin la marca de tiempo, dándole un poco más de espacio.

Ejemplo de notificación push sin designación de Urgente o Crítica y un recuento de caracteres del título de 35.
Recuento de caracteres del título: 35

Ejemplo de notificación push con una designación de Urgente y un recuento de caracteres del título de 39.
Recuento de caracteres del título: 39

Los siguientes detalles también pueden afectar el truncamiento de texto:

  • Configuración de pantalla del teléfono: un usuario puede aumentar o disminuir el tamaño de fuente global de la interfaz en su teléfono, generalmente por razones 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 caracteres anchos como “m” y “w” ocupan más espacio que “i” o “t”, y las palabras más largas como “engagement” pueden ajustarse de línea de forma más abrupta que las palabras más cortas.

Configurar tu notificación enriquecida de iOS

Paso 1: Crear una campaña push

Sigue los pasos de la campaña para redactar una notificación push para iOS. Usarás el mismo compositor que utilizas para configurar notificaciones push que no contienen contenido enriquecido.

Paso 2: Añadir medios

Añade tu archivo de imagen, GIF, audio o video en el campo Rich Notification Media en el compositor del mensaje. Consulta los requisitos sobre cómo añadir tus archivos de contenido.

Un ejemplo de texto de resumen para una notificación push.

También puedes limitar este mensaje para que solo se envíe a usuarios que tengan un dispositivo con iOS 10. Para los usuarios que no hayan actualizado a iOS 10, aparecerá como notificaciones de solo texto sin el contenido enriquecido si dejas la opción Only send to devices with Rich Notification support sin marcar.

La sección de imagen de notificación expandida donde puedes añadir una imagen o introducir una URL de imagen.

Paso 3: Continuar creando tu campaña

Una vez que el contenido de tu notificación enriquecida se haya cargado en el dashboard, puedes continuar planificando tu campaña.

Cuando un usuario reciba la notificación push, puede presionar con fuerza el mensaje push para expandir la imagen.

Un usuario recibe una notificación push y presiona con fuerza el mensaje para mostrar una imagen expandida que dice "¡Hola!".

New Stuff!