Solicitud de función: Enseñar a los usuarios de iOS a A2HS/Push

“Añadir a la pantalla de inicio” (A2HS) ha sido una característica de iOS desde el lanzamiento original del iPhone. Pero nunca ha estado muy claro para los usuarios cómo hacerlo (o por qué alguien debería hacerlo).

Próximamente en iOS 16.4, iOS admitirá notificaciones push, pero no para cualquier sitio web. Solo funciona cuando has “instalado” la aplicación web como una “app” a través de A2HS.

¡Así que! Creo que tendría sentido que Discourse explicara a los usuarios cómo hacer A2HS y luego registrarse para recibir notificaciones push.

En iOS 16.4, para registrarse para recibir notificaciones push, tienes que:

  1. Desplazarse para revelar la barra de URL
  2. Tocar el botón Compartir (sin etiqueta) (el cuadro con una flecha hacia arriba)
  3. Desplazar la Hoja Compartir para revelar el botón A2HS (¡y no es nada obvio que la hoja se pueda desplazar!)
  4. Tocar “Añadir a la pantalla de inicio”
  5. Tocar el botón “Añadir” en la esquina superior derecha (preferiblemente sin renombrar la aplicación)
  6. Volver a la pantalla de inicio, encontrar el nuevo icono de la aplicación que acabas de crear (que puede estar en una pantalla de inicio secundaria, por lo que es posible que tengas que buscarlo por nombre, por ejemplo, “Meta”) y tocarlo
  7. Iniciar sesión de nuevo. (La PWA A2HS no comparte cookies con Safari, por lo que si inicias sesión con Facebook, también tienes que iniciar sesión con Facebook desde cero, incluyendo la autenticación de dos factores y “Confiar en este navegador”).
  8. Tocar el banner para registrarse para recibir notificaciones push

¡Será extremadamente difícil para los usuarios descifrar esto!

Discourse debería proporcionar un enlace que explique cómo hacer A2HS y registrarse para recibir notificaciones push, preferiblemente incluyendo un tutorial en video que muestre cómo hacerlo, paso a paso.

Peor aún, creo que no puede ser solo un tutorial en video. Mucho depende de si lo estás haciendo en iPhone o iPad, si tu dispositivo tiene un botón de inicio o no, etc.

Aún así, creo que una característica como esta ayudaría mucho a incorporar a los usuarios a las notificaciones push.

5 Me gusta

Dado que Apple bloqueó el evento beforeinstallprompt, esto es realmente bastante complicado en su plataforma.

Esto será un problema para todas las aplicaciones web, por lo que podemos aprender de lo que otros están haciendo e intentar usar algo que sea familiar para los usuarios.

Las personas ansiosas por empezar a impulsarlo pueden experimentar con un componente temático para ayudar a sus usuarios a encontrar la funcionalidad.

6 Me gusta

iOS 16.4 ya está disponible, por lo que creo que este problema es ahora más urgente.

2 Me gusta

Quizás un paso intermedio para tantear el terreno sea un componente de tema.

¿Que aparezca algún tipo de diálogo que se pueda descartar y te guíe sobre cómo hacer esto? Supongo que las preguntas abiertas son:

  • ¿Puede iOS detectar que está en PWA o no PWA?
  • ¿Cuáles serían las mecánicas para “recordar a la gente que PWA”? (¿cuánto tiempo esperar? ¿con qué frecuencia molestar? ¿requieres que la gente sea TL1, por ejemplo?)
1 me gusta

Sí, y ya tenemos un método para esto en sniff-caps.

Ya existe un banner en Android que se activa para TL1+.

Hacer clic en “no” se persiste en el almacenamiento local.

El problema principal aquí es que Apple fue traída aquí en contra de su voluntad, por lo que hacer clic en instalar no activará una instalación, pero todo lo que podemos hacer es mostrar un modal con un tutorial de cómo funciona. No hay consenso comunitario sobre la apariencia del modal.

3 Me gusta

Acabo de actualizar a la 16.4 y…

“Push API” no está seleccionada en las funciones experimentales. Creo que esto está “muerto en el agua” hasta que Apple habilite esto por defecto.

1 me gusta

Esa es una idea errónea común. La marca de función “Push API” no hace nada en 16.4. Push API funciona directamente, habilitada por defecto en iOS 16.4 (pero solo una vez que A2HS).

(Especulo que la marca de función tal vez algún día habilite Web Push directamente en Safari, sin A2HS, pero esa función no existe hoy, por lo que activar o desactivar la marca no hace nada).

¡Adelante y pruébalo! Recibirás un push, incluso con la marca desactivada.

3 Me gusta

Ya veo… bueno, acabo de añadirlo a la pantalla de inicio… veremos qué hace esto.

1 me gusta

No olvides seguir todos los pasos que documenté anteriormente. Toca en el PWA A2HS, inicia sesión allí y luego habilita las notificaciones a través del banner. Deberías recibir una notificación push de prueba de inmediato.

3 Me gusta

Como ya constatamos en el otro tema que esa configuración no se refiere a Web Push y, de hecho, ha estado dando vueltas en la configuración experimental desde iOS 15.4.

Después de que se haya agregado la PWA, los usuarios solo necesitan iniciar sesión nuevamente y luego habilitar las notificaciones desde su perfil dentro de la PWA.

2 Me gusta

Una de las objeciones que tengo aquí es que la aplicación Discourse Hub sigue siendo un poquito superior a la PWA

  • Múltiples sitios en uno
  • Notificaciones push para todos nuestros clientes alojados
  • No es necesario iniciar sesión una segunda vez debido al protocolo de transferencia de autenticación
  • Compartir enlace en el pie de página en lugar de solo atrás/adelante
  • Más fácil de instalar (posiblemente)

Dicho esto… ¡este es un gran progreso, sin duda! Es súper usable :+1:

Este tipo de cosas solidifica que el experimento con las molestas indicaciones y la enseñanza debería estar en un componente temático (con un modo opcional para enseñar sobre Hub frente a enseñar sobre PWA). También me hace preguntarme si podemos enseñar a Hub a depender solo de las notificaciones push web también para los autoalojados…

1 me gusta

En mi opinión, la única ventaja que tiene Discourse Hub en este momento es que es más fácil de (aprender a) instalar. Discourse Hub es una aplicación, y todo el mundo sabe cómo instalar una aplicación. En Hub, tendrías que pegar la URL del foro, pero hay una interfaz de usuario que te guía durante el proceso. Mientras que el proceso A2HS de iOS… no es descubrible. (¡De ahí este hilo!)

“Múltiples sitios en uno” es en realidad un inconveniente para mis gustos. (Pero, si te interesa, ¡ahora es posible reescribir Discourse Hub como una PWA! :exploding_head:)

“Notificaciones push para todos nuestros clientes alojados” se aplica por igual a Web Push, ¿verdad? E incluso los clientes no alojados obtienen push instantáneo con Web Push de iOS 16.4, mientras que cuando añadía foros no alojados a Discourse Hub de iOS, tenía que sondear mis foros no alojados periódicamente, introduciendo retrasos.

“No es necesario iniciar sesión por segunda vez”… Simplemente uso “Iniciar sesión con Apple” y diría que la experiencia es igual de buena para A2HS Web Push que en Discourse Hub. Hago clic en Iniciar sesión, Apple escanea mi cara y ya estoy dentro.

“Compartir enlace en el pie de página” ¡estoy seguro de que nunca lo he usado! :wink:

2 Me gusta

Sí, más o menos, perderíamos un poco de la interfaz, la vista de “colapsar” a todo (triángulo hacia abajo) tendría que implementarse en otro lugar. No creo que tengas control sobre los botones en el pie de página.

Además, eso es abrir la caja de Pandora porque necesitaríamos verificar qué sitios permitimos en el “hub web” y cuáles no, lo que introducirá trabajo regular dado que hay más de 37.000 sitios ahí fuera.

Sí… idealmente Apple nos daría APIs solo para apoyarnos en web push desde aplicaciones para que ya no dependamos de ser un árbitro de notificaciones.

En realidad, estamos parcialmente bloqueados aquí hasta que modifiquemos algunas cosas de autenticación internas. Si tienes 2fa habilitado, no puedes usar autenticación de terceros. No permitimos ambos y, internamente, tenemos una política de que todas las cuentas del personal tienen 2fa activado tanto en desarrollo como en meta. Cambiaremos esto… pero no esta semana.

1 me gusta

Eso debería ser posible para la PWA, ¿no? Uso otra PWA en iOS que tiene su propio pie de página personalizado.

1 me gusta

Solo una actualización aquí :smile:

Hoy lanzamos un componente temático oficial que se mostrará a los usuarios de iOS en iPhone o iPad, animándoles a instalar el Foro en su pantalla de inicio como una PWA.

3 Me gusta

4 publicaciones se fusionaron en un tema existente: iOS Add To Homescreen Popup

He continuado la conversación en el hilo del componente de temas. Estoy de acuerdo en que parece más sensato que el texto predeterminado mencione que A2HS es necesario para las notificaciones push.