Activadores de notificación

Los activadores de notificaciones le permiten programar notificaciones locales que no requieren una conexión de red, lo que las hace ideales para casos de uso como aplicaciones de calendario.

24 de oct de 2019
Actualizado 23 de agosto de 2020

¿Qué son los activadores de notificaciones?

Los desarrolladores web pueden mostrar notificaciones mediante el
API de notificaciones web. Esta función se utiliza a menudo con API push para informar al usuario de información urgente, como noticias de última hora o mensajes recibidos. Las notificaciones se muestran ejecutando JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar más en el dispositivo del usuario.

El problema con la API Push es que no es confiable para activar notificaciones que debe se mostrará cuando se cumpla una condición particular, como la hora o la ubicación. Un ejemplo de condición basada en el tiempo es una notificación de calendario que le recuerda una reunión importante con su jefe a las 2 p.m. Un ejemplo de condición basada en la ubicación es una notificación que le recuerda que debe comprar leche cuando ingresa a las inmediaciones de su supermercado. La conectividad de red o las funciones de conservación de la batería, como el modo dormido, pueden retrasar la entrega de notificaciones pushConcepto de Notificaciones push¿Qué son las Notificaciones push?Las Notificaciones push son un concepto muy ligado a la telefonía dispositivo móvil y, en realidad, acentuado desde que los smartphones comenzaron a llegar a los hogares. Son esos mensajes que aparecen instantáneamente en un dispositivo cuando este tiene que notificar algo al usuario, sea un correo, alguna notificación de una app o cualquier otra cosa.Su definición, a nivel técnico, es que consiste más.

Los activadores de notificaciones resuelven este problema al permitirle programar notificaciones con su condición de activación por adelantado, de modo que el sistema operativo entregue la notificación en el momento adecuado incluso si no hay conectividad de red o el dispositivo está en modo de ahorro de batería.

Casos de uso

Las aplicaciones de calendario pueden utilizar activadores de notificación basados ​​en el tiempo para recordarle al usuario las próximas reuniones. El esquema de notificación predeterminado para una aplicación de calendario podría ser mostrar una primera notificación una hora antes de una reunión y luego otra notificación más urgente cinco minutos antes.

Una cadena de televisión puede recordar a los usuarios que su programa de televisión favorito está a punto de comenzar o que está a punto de comenzar una transmisión en vivo de una conferenciaConcepto de Conferencia¿Qué es una Conferencia?Una conferencia es toda aquella reunión, normalmente con un alto grado de participantes y de espectadores, en la que consiste en realizar un debate sobre determinados puntos, impulsar una marca o abordar un tema para desarrollarlo desde el conocimiento y con distintos perspectivas que enriquezcan el discurso. Es uno de los medios principales con los que las grandes firmas dan a conocer sus nuevas estrategias, más.

Los sitios de conversiónConversión es una acción precisa que lleva a cabo un usuario al visitar un portal web. Algunas formas clásica de conversión son, por ejemplo, una compra, una descarga o una suscripción a la newsletter. Un parte del SEO o del Marketing Online es la Optimización de Ratio de Conversión (CRO). En el Marketing de afiliación se usa para la conversión de los editores. Información general Hay diferentes indicadores para medir más de zona horaria pueden utilizar activadores de notificación basados ​​en el tiempo para permitir a sus usuarios programar alarmas para conferencias telefónicas o videollamadas.

Estado actual

Cómo utilizar los activadores de notificaciones

Habilitación a través de chrome: // flags

Para experimentar con la API de activadores de notificaciones localmente, sin un token de prueba de origen, habilite el
#enable-experimental-web-platform-features bandera en chrome://flags.

Detección de características

Puede averiguar si el navegadorUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los más es compatible con los activadores de notificación comprobando la existencia del
showTrigger propiedad:

if ("showTrigger" in Notification.prototype) {
}

Programar una notificación

Programar una notificación es similar a mostrar una notificación push regular, excepto que debe pasar una showTrigger condición de propiedad con un TimestampTrigger objeto como el valor de la notificación options objeto.

const createScheduledNotification = async (tag, title, timestamp) => {
  const registration = await navigator.serviceWorker.getRegistration();
  registration.showNotification(title, {
    tag: tag,
    body: "This notification was scheduled 30 seconds ago",
    showTrigger: new TimestampTrigger(timestamp + 30 * 1000)
  });
};

Cancelar una notificación programada

Para cancelar las notificaciones programadas, primero solicite una lista de todas las notificaciones que coincidan con una determinada etiqueta a través de ServiceWorkerRegistration.getNotifications(). Tenga en cuenta que debe pasar el
includeTriggered marca para que las notificaciones programadas se incluyan en la lista:

const cancelScheduledNotification = async (tag) => {
  const registration = await navigator.serviceWorker.getRegistration();
  const notifications = await registration.getNotifications({
    tag: tag,
    includeTriggered: true,
  });
  notifications.forEach((notification) => notification.close());
};

Depuración

Puedes usar el Panel de notificaciones de Chrome DevTools para depurar notificaciones. Para comenzar a depurar, presione Iniciar la grabación de eventos o
Controlar+mi (Mando+mi en Mac). Chrome DevTools registra todos los eventos de notificación, incluidas las notificaciones programadas, mostradas y cerradas, durante tres días, incluso cuando DevTools está cerrado.

Manifestación

Puede ver los activadores de notificación en acción en el manifestación, que le permite programar notificaciones, enumerar notificaciones programadas y cancelarlas. El código fuenteEl código fuente es un programa de PC o página web que se convierte en un lenguaje que es leído por una máquina y se recoge en imagen y función. El código fuente es una parte importante del SEO porque determina la correcta ejecución de una página web. La optimización del código fuente es por ende parte del SEO técnico. Código fuente para páginas web Mientras que el código fuente más está disponible en
Falla.

Seguridad y permisos

El equipo de Chrome ha diseñado e implementado la API de activadores de notificaciones utilizando los principios básicos definidos en Controlar el acceso a las potentes funciones de la plataforma web, incluido el control del usuario, la transparencia y la ergonomía. Debido a que esta API requiere trabajadores de servicio, también requiere un contexto seguro. El uso de la API requiere el mismo permiso que las notificaciones push habituales.

Control de usuario

Esta API solo está disponible en el contexto de una ServiceWorkerRegistration. Esto implica que todos los datos requeridos se almacenan en el mismo contexto y se eliminan automáticamente cuando se elimina el trabajador del servicio o cuando el usuario elimina todos los datos del sitio para el origen. El bloqueo de cookies también evita que los trabajadores del servicio se instalen en Chrome y, por lo tanto, se utilice esta API. El usuario siempre puede desactivar las notificaciones para el sitio en la configuración del sitio.

Transparencia

A diferencia de la API Push, esta API no depende de la red, lo que implica que las notificaciones programadas necesitan todos los datos necesarios de antemano, incluidos los recursos de imagen a los que hace referencia el badge,
icon y image atributos. Esto significa que mostrar una notificación programada no es observable por el desarrollador y no implica despertar al trabajador del servicio hasta que el usuario interactúe con la notificación. En consecuencia, actualmente no existe una forma conocida de que el desarrollador pueda obtener información sobre el usuario a través de enfoques potencialmente invasores de la privacidad como la búsqueda de geolocalización de direcciones IP. Este diseño también permite que la función aproveche opcionalmente los mecanismos de programaciónConcepto de Programación¿Qué es la Programación?La Programación es el procedimiento al que se recurre para crear algún tipo de aplicación o software, para materializar un concepto o proyecto que requiere de la utilización de un lenguaje informático para poder llevarse a cabo. Es algo que está absolutamente ligado a la figura del programador, y que cada vez está cobrando más relevancia dentro del mundo del marketing.Decimos que tanto esta figura más proporcionados por el sistema operativo, como el de Android.
AlarmManager, lo que ayuda a conservar la batería.

Realimentación

El equipo de Chrome desea conocer sus experiencias con los activadores de notificaciones.

Cuéntanos sobre el diseño de la API

¿Hay algo en la API que no funciona como esperabas? ¿O faltan métodos o propiedades que necesita para implementar su idea? ¿Tiene alguna pregunta o comentario sobre el modelo de seguridad? Presentar un problema de especificaciones en el Repositorio de GitHub de activadores de notificacioneso agregue sus pensamientos a un problema existente.

¿Problema con la implementación?

¿Encontraste un error con la implementación de Chrome? ¿O la implementación es diferente de la especificación? Presentar un error en new.crbug.com. Asegúrese de incluir todos los detalles que pueda, instrucciones sencillas para reproducir y configurar Componentes UI>Notifications. Glitch funciona muy bien para compartir reproducciones de errores de forma rápida y sencilla.

¿Planea utilizar la API?

¿Planea usar activadores de notificación en su sitio? Su apoyo público nos ayuda a priorizar funciones y muestra a otros proveedores de navegadoresConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet más lo importante que es darles soporte. Enviar un tweetUn tweet es un mensaje corto que puede ser enviado por medio de del servicio de microblogging Twitter. ¿Qué es un tweet? Un tweet es un mensaje de estado en Twitter que puede tener hasta 280 caracteres. Los tweets solían limitarse a 140 caracteres, pero esta cantidad se incrementó a 280 en septiembre de 2017. Debido al espacio limitado para el texto, las URLs para uso en tweets son normalmente más a
@Cromodev con #notificationtriggers y háganos saber dónde y cómo lo está usando.

Enlaces Útiles

Agradecimientos

Notification Triggers fue implementado por Richard Knoll
y el explicador escrito por Peter Beverloo, con contribuciones de Richard. Las siguientes personasLas personas son personalidades imaginarias que representan a un determinado grupo objetivo. En el marketing online, las personas ayudan a entender mejor a los usuarios de un portal web o a los clientes de una tienda online. Concepto de personas Para que las personas puedan ejercer su efecto positivo, deben ser lo más detalladas viable. Esto conlleva un término exhaustiva de los grupos destinatarios para conseguir datos empíricos. La próxima más han revisado el artículo:
Joe Medley, Pete LePage, así como Richard y Peter. Imagen de héroe por
Lukas Blazek en Unsplash.