Introducción
Agrega actividades en vivo nativas a cualquier producto desde la web. Sin desarrollo móvil.
WebActivity pone tarjetas en vivo en los celulares de los usuarios, controladas desde un sitio web o un backend con unas pocas llamadas HTTP.
En iOS: actividades en vivo
Una actividad en vivo es una tarjeta en vivo en la pantalla bloqueada, en la Dynamic Island y en la pila inteligente del Apple Watch. Muestra algo que cambia (un pedido, un partido, una cuenta regresiva) y se actualiza en su lugar. El usuario no necesita abrir nada.
En Android: Live Updates
La misma actividad llega a los celulares Android como una notificación que se actualiza en su lugar.
- Los usuarios de Android instalan la app de WebActivity. El lanzamiento instantáneo sin instalación solo existe en iOS.
- Android 16 y versiones posteriores la muestran como Live Update. Las versiones anteriores muestran una notificación normal.
- Android no puede dibujar un diseño a medida, así que cada diseño usa la forma más parecida que Android permite.
Cómo funciona
- Inicio. Un backend llama a
POST /api/start. Recibe unactivityIdy un botón de lanzamiento. - Lanzamiento. Un usuario toca el botón de lanzamiento en una página web. La tarjeta aparece en su celular.
- Actualización. El backend llama a
POST /api/update. La tarjeta cambia en el celular. - Fin. El backend llama a
POST /api/end. La tarjeta se quita.
Términos clave
| Término | Significado |
|---|---|
| Actividad | Una tarjeta en vivo para un celular. Su id es el activityId (act- y 12 caracteres). Con reutilización, cada celular recibe su propia copia. |
| Diseño | El aspecto de la tarjeta: progress, picture, versus o countdown. Consulta diseños. |
| Estado | Lo que muestra la tarjeta. Consulta el objeto state. |
Contenedor (widgetContainerId) | Cualquier texto que identifique un widget, por ejemplo “pizza-tracker”. Envía el mismo valor en cada llamada para ese widget. Un celular conserva una actividad por contenedor. |
Grupo (group) | Una etiqueta opcional. Una sola llamada puede actualizar o finalizar todas las actividades con el mismo grupo. |
| Botón de lanzamiento | El iframe que devuelve la llamada start. Un usuario lo toca para agregar la actividad a su celular. |
| Reutilización | Un botón de lanzamiento para muchos celulares. Consulta un botón, muchos celulares. |
| Reinicio | El celular vuelve a crear la tarjeta en lugar de cambiarla. Un reinicio siempre genera una alerta. |
| Dynamic Island compacta | La Dynamic Island pequeña en la parte superior de la pantalla del iPhone mientras el usuario hace otra cosa. |
| Push | Una entrega a un celular. La facturación cuenta los envíos push. Consulta entrega y facturación. |
Los usuarios reciben las tarjetas con la app WebActivity en iPhone y Android. En iPhone también puede abrirse como App Clip, una versión pequeña que no requiere instalación. Lo que recopila la app, y quién puede ver el contenido, está en datos y privacidad.
Casos de uso
Estas superficies antes eran solo para empresas con grandes apps nativas: el seguimiento de viajes de Uber, el estado de pedidos de DoorDash, los marcadores en vivo de ESPN. WebActivity ofrece esa misma superficie a todo lo que pueda alcanzar un código QR o un enlace.
- Un partido de fútbol americano de preparatoria: un código QR en la entrada pone el marcador en vivo en cada celular de las gradas, con historia del equipo, datos curiosos y dedicatorias pagadas de estudiantes y padres durante el partido.
- Una recaudación de fondos escolar: los padres ven cómo el total de donaciones sube hacia la meta toda la semana, directo en la pantalla bloqueada.
- Apuestas deportivas: la apuesta y las cuotas actuales en la pantalla bloqueada hasta que termina el partido.
- Agentes de IA: un agente de larga duración informa cada paso al celular mientras trabaja.
- Herramientas internas de equipo: despliegues, incidentes y profundidad de colas en los celulares del equipo, sin crear ni distribuir una app interna.
