Notificacion push web para todos navegadores

La introducción de innovaciones a menudo se convierte en un campo de abuso, cuando por el mismo dinero se ofrecen servicios de menor calidad ¿y porqué pagar por un servicio de baja calidad?

Conectar los «push» a su sitio web con el servicio completo tarda aproximadamente 15 minutos.

Comprueba la tecnologia push 

Se puede elaborar los «empujar» para su sitio web con sus propias manos y esfuerzo propio, pero al final esto requiere mucho tiempo, es costoso y no es tan efectivo.Si lo desarolla un poco profecial en resumen sera muy diferente de los que ofrece un servicio profecional.

Veamos los pros y los contras de tales enfoques:

• usar notificaciones push de un servicio en línea especializado;
• creación de funcionalidad de notificaciones push para su sitio web por sus propios desarrolladores.

Contenido

1. Cómo hacer el envio de push con la ayuda de un servicio solo para utilizar?
2. Cómo hacer propio envio de push (en la base JavaScript): intrucciones
3. Comparación de metodos

Las notificaciones push son solo uno de los canales de comunicación de marketing, pero es especial. Al menos porque la tecnología supone de la segmentación más amplia y detallada de la base de clientes. La orientación del envío de push alcanza el nivel de acrobacia aérea. Y las características del análisis de campaña de cada envio le permiten ajustar las condiciones de los envíos en cada etapa utilizando herramientas únicas.

¿Qué otras ventajas tienen las notificaciones push?

1. Los push fueron introducidos por Google y ahora los permiten tambien otros navegadores populares Chrome, Firefox, Opera, Yandex, Safari, incluyendo las versiones móviles para Android OS.
2. La suscripción a notificaciones push en sitios web se realiza con un solo clic (para sitios con protocolo https) sin necesidad de informar datos personales (no es necesario dejar una dirección de correo electrónico, número de teléfono ni información que los suscriptores son reacios a compartir). Esto asegura una alta tasa de recolección de base de suscriptores.
3. Posibilidad de personalizar flexiblemente la campaña de cada envio (por tiempo de entrega y visualización, segmentación por etiquetas y alias, por tema, estructura y apariencia), lo que le permite regresar al visitante en el sitio web una y otra vez e incrementar significativamente la conversión.

Muchos sitios web ya han implementado la tecnología push y utilizar activamente sus ventajas. Aquí, por ejemplo, se ve como se ofrece la suscripción al «push» en The Washington Post:

Cómo The Washington Post consiguiózmpliar su eficar por 100?

¿Como hacer el push-envío con ayuda de un servicio especializado?

Los especialistas de Gravitec.net han desarrollado un servicio push-knowledge multifuncional para la instalación rápida de tecnologías en recursos web. El paquete de servicios incluye no solo la posibilidad de enviar mensajes, sino también la recopilación de estadísticas extendidas para todas las campañas realizadas, la segmentación de la base de suscriptores para el envío de correos directo y la consultoría analítica individual. Gravitec.net – es un servicio SaaS, con cual puedes enviar una notificación a cualquier dispositivo (PC, tablet, smartphone) en todos los navegadores populares.

El uso del servicio con una base hasta mil suscriptores es gratis. Después de exceder el límite, el pago se cobra por cada mil suscriptores mensualmente.

Cómo instalar las notificaciones push del servicio Gravitec.net en un sitio web:  instrucción

La activación del servicio «push» al sitio a través Gravitec.net tarda 10-15 minutos.

El primer paso es registrarse en el servicio.

Después de hacer clic en el botón, se debe llenar un formulario: introducir la dirección de correo electrónico y contraseña.

Después de confirmar los datos ingresados, al email indicado le llegara una carta del servicio con la propuesta para activar la cuenta. Haga clic en el enlace en la carta.

Ahora tendrá su propia cuenta en el servicio de Gravitec.net. El siguiente paso es agregar un sitio web para conectar las notificaciones push.

Para ingresar un recurso, debe especificar su protocolo (HTTP o HTTPS), el nombre de dominio completo (url) y cargar el logotipo. En esta etapa, es importante especificar datos válidos, porque en caso de error, el servicio push no funcionará. Para los sitios http y https, el algoritmo de instalacion de notificaciones pushes diferente. Para aclarar la exactitud de la información ingresada, puede ponerse en contacto con el administrador del sitio o con el soporte técnico del servicio Gravitec.net.

Despues elegimos «Agregar nuevo sitio». El siguiente paso es integrar el servicio de push a su sitio web.

Debe copiar el código recibido en la página «Configuraciones»y peguelo en la plantilla del sitio principal antes de la etiqueta de cierre </ head>. Aparecerá una ventana de servicio de navegador emergente con una oferta de suscripción en las páginas donde instale el código. Para los recursos con protocolo http en esta instalación de notificaciones push se completa.

Para los sitios https, es necesario pasar una etapa más. Después de agregar el código, descargue los archivos SDK:

El archivo resultante se desempaquetamos en la carpeta raíz del sitio.

Se debe acceder a los archivos SDK mediante por siguientes enlaces:

• https://sitename/push-worker.js;
• https://sitename/manifest.

En esto termina la conexion de las notificaciones push a su sitio web.  Ahora, cada visitante de su sitio web puede suscribirse al push a través de la ventana de servicio del navegador.

Planificación de los envios de notificaciones push se realiza a través del servicio Gravitec.net

Los mensajes push se pueden crear para cada sitio agregado al sistema. Por lo tanto, al principio, debe seleccionar el sitio web para el cual se planea el envío. Elegimos su nombre en la cuenta personal.

Ahora, en el panel de control del sitio seleccionado, haga clic en «Crear una notificacion para el envio».

Vamos directamente a crear una notificación push. Aquí puede establecer los siguientes parámetros:

1. Titulo de la notificacion (hasta 65 simbolos);
2. Texto de la notificacion (hasta 240 simbolos);
3. Url de la pagina a la cual se pasara el usuario haciendo click en la notificacion;
4. Utm-señal le permiten recopilar estadísticas más detalladas sobre la campaña deñ envio, segmentar la base de suscriptores;
5. Ícono: de forma predeterminada, este es el logotipo que cargó al agregar el sitio. Se puede cambiar fácilmente a cualquier otra imagen en formato jpg, png, gif con una resolución de 192×192 px, no más de 200 Kb.

Después de que pudimos crear una notificación para el sitio, pasamos a la planificación del envio:

1. Seleccionamos la zona horaria para el envio. El sistema recordará la información ingresada y la instalará automáticamente para siguientes envios.
2. La siguiente característica es relevante para los países que cambian el horario invierno / verano. Aquí debe especificar el valor correspondiente a su pais.
3. El servicio le permite programar la fecha y hora del envío de notificaciones. Si no registra estos valores, el «push» se enviará automáticamente inmediatamente después de la creación del envio.
4. TTL (Tiempo de vida) es el «tiempo de vida» de la notificacion push, osea, es el tiempo durante cual el sistema intentará entregar el mensaje a los destinatarios que irán a la red (sin acceso a Internet «push» no se entregará).
5. Después de hacer clic en el botón «Enviar la notificación de prueba», se enviará un push de prueba a su escritorio para verificar las características seleccionadas.
6. El botón «Enviar la notificacion push» es la señal para el inicio del envío. Sin embargo, se pueden establecer parámetros adicionales antes del inicio final.

Si es necesario, se puede cancelar el lanzamiento del envio en la seccion «Historia de los envios de notificaciones push».

El servicio Gravitec.net tiene la oportunidad de ampliar las funciones de la notificación push con elementos activos adicionales:

• Imagen grande;
• Botones.

Las imágenes grandes (360 x 240 px) atraen la atención de los usuarios, hacen que la mensaje sea más vívido y notable. Uno o dos botones adicionales (con utm-marcas) amplían las capacidades de comunicación del mensaje push, le dan la función de interactividad, proporcionan otra herramienta para estudiar y analizar las acciones de los suscriptores.

Los desarrolladores del servicio Gravitec.net han creado un sistema avanzado para recopilar estadísticas y segmentar la base de usuarios. Aquí puedes distribuir suscriptores a grupos estableciendo con número ilimitado de etiquetas para diferentes páginas y acciones en el sitio. Por ejemplo, puedes definir una etiqueta para la acción «ir a la cesta», o al visitar páginas de ciertas categorías (productos femeninos / masculinos, etc.). A los usuarios que realizan acciones similares se les asignarán las etiquetas especificadas. Este enfoque permite segmentar a los suscriptores por interés, y al planificar el envio haciendo diferentes notificaciones automáticas a diferentes grupos.

Сomo hacer propio envio de push (en la base JavaScript): intrucciones

Las notificaciones push pueden implementar a su sitio web usted mismo sin el uso de servicios especializados. Sin embargo, debe entenderse que esta herramienta consiste en un conjunto de diferentes tecnologías, su desarrollo requiere tiempo y esfuerzo, y la efectividad del producto final dependerá del enfoque de la eficacia, la profesionalidad de los creadores y la atención al detalle.

La documentación técnica para el desarrollo de la funcionalidad básica está disponible en Google a través de varios enlaces:

• https://developers.google.com/web/fundamentals/codelabs/push-notifications/
• https://developers.google.com/web/updates/2015/03/push-notifications-on-the-open-web.

Indicamos las principales etapas de la introducción de notificaciones al sitio. Para comenzar la descripción práctica del proceso, comprenderemos el principio de la tecnología.

El proceso implica tres dispositivos: el dispositivo / navegador del usuario (en lo sucesivo, el Cliente), el servidor en el que se encuentra el sitio (en lo sucesivo, el Sitio) y el servidor de mensajes (en lo sucesivo, el Servidor de mensajes).

El Sitio le da la página al Cliente, que, a su vez, se conecta al Servidor de mensajes, donde se registra y recibe un identificador personal (ID). Luego, el Cliente envía su ID al Sitio, donde los datos se procesan teniendo en cuenta la información sobre el dispositivo del usuario. Después de asignar un ID a un dispositivo específico, el Sitio envía un mensaje a través del Servidor de mensajes al Cliente. La suscripción, el envío y la entrega de notificaciones push funciona con la base de JavaScript (js push).

En la práctica, al dia de hoy, el servidor de mensajes más accesible es Firebase Cloud Messaging de Google (anteriormente Google Cloud Messaging). Para esto debes ser un sitio https.

1. Pasamos por el enlace – https://console.firebase.google.com/u/0/
2. Elegimos «Añadir proyecto»
3. Introducimos los datos: el nombre del proyecto y el pais.
4. Elegimos «Crear proyecto».
5. En el panel vertical izquierdo de la página del proyecto creado encontramos el ítem «Descripción general del proyecto»(Project Overview), a la derecha del mismo hacemos clic en el botón y vamos al panel de configuraciones. 
6. En la página Configuración, selecciona la pestaña Mensajería en la nube
7. Aquí necesitamos «Clave de servidor» e « del remitente».

Después de obtener las claves, debemos crear el archivo manifest.json en la carpeta raíz del sitio, donde insertamos el ID del remitente de Firebase Cloud Messaging en lugar de <Your Sender ID>.

Ahora nos referimos al manifiesto creado en la página html (entre <header> y </ header>).

<link rel = “manifest” href = “/ manifest.json”>

Sin manifiesto web cuando un usuario intenta suscribirse a las notificaciones push puede aparecer el tipo de error: «Registration failed — no sender id provided» o «Registration failed — permission denied»

• El siguiente paso es crear un Service Worker. Esto es una secuencia de comandos que le permite interceptar y procesar solicitudes de red, incluso la administración de programas de la memoria caché de respuestas. El navegador inicia Service Worker en segundo plano sin tener que abrir la página web. Él recibe mensajes del Servidor de mensajes y se los da al usuario.

Puede crear un archivo de Service Worker como se describe en la documentación técnica de Google o conectando con bibliotecas de Firebase.

Una vez más, siempre que haya una referencia a «ID del remitente», es necesario introducir el ID del remitente obtenido anteriormente por Firebase.

• El siguiente paso es agregar el script de suscripción a la página del sitio y el código para el botón «Suscribirse».
• A continuación, debe verificar si el navegador del usuario admite enviar el «push»y luego obtener su permiso para suscribirse (sin él no podremos enviar mensajes). Si se recibe permiso, solicitamos la identificación del dispositivo y la enviamos al servidor.
• Una vez que un visitante se ha suscrito, puede enviarle notificaciones automáticas desde el servidor. En el código del envío, en lugar de «SERVER-KEY», insertamos la clave del servidor obtenida en Firebase al crear el proyecto. «TOKEN-ID» – un ID de usuario específico, que hemos recibido durante la suscripción.

También es necesario determinar la respuesta a un usuario hace clic en el recibo de las opciones de notificación para darse de baja. Puede establecer el TTL (tiempo de vida), el tiempo durante cual el sistema intentará entregar el mensaje.

Estas son solo las etapas más principales de instalación de notificaciones push a su sitio con funciones básicas. No tiene en cuenta la creación del panel de control de los envios, la recopilación de estadísticas y todas las herramientas que se necesitan para desarrollar una estrategia de marketing, rastrear resultados, etc.

Comparación de enfoques

Tratemos de comparar los dos métodos de conexión «push» (con el servicio especializado y al crear «con manos propias») en cinco parámetros:

1. Tiempo de instalación;
2. El coste de desarrollo;
3. Facilidad de uso;
4. Capacidad informativa;
5. Seguridad de implementación.

Sin dudas, el primer punto es preferible de usar el servicio especializado.

Comparar el costo de los servicios es más difícil, pero trataremos de comparar aproximadamente los precios de ambas opciones.

Para desarrollar la funcionalidad de las notificaciones push, es necesario contratar a 2-3 programadores durante aproximadamente 2-6 meses (de acuerdo con la experiencia de las empresas de e-commerce que implementaron dicho proyecto para uso personal). El precio aproximado de dichos servicios es de aproximadamente 15 000 – 20 000 dólares. A modo de comparación, este monto de pago será suficiente para el servicio constante de 100.000 suscriptores a través del servicio Gravitec.net durante 5 años. Además, no olvide que la tecnología se está mejorando constantemente, y tal vez en uno o dos años será necesario realizar cambios en su trabajo, y este es un costo nuevo.Con el servicio especializado no hay problemas en este caso: en primer lugar, hay un soporte técnico permanente (que los programadores no proporcionarán en outsourcing) y, en segundo lugar, todas las actualizaciones están automáticamente disponibles para los usuarios dentro del paquete de servicios.

Los siguientes elementos de la escala comparativa dependen directamente de la cantidad de fondos invertidos en la fase de desarrollo del producto. Una interfaz conveniente y pensada para planificar envios, así como la capacidad de recopilar estadísticas: estos son elementos que van más allá del conjunto básico de funciones al instalar notificaciones automáticas en el sitio. Por lo tanto, su creación es dinero y tiempo adicionales sin una garantía de un resultado satisfactorio.

Gravitec.net proporciona las estadísticas más completas de todos los servicios de notificación push en los países de la CEI. Experiencia en el servicio: más de tres años (casi desde el advenimiento de esta tecnología) y más de 4000 sitios.

La última característica en nuestra lista es la seguridad de la implementación de la tecnología. A veces, las grandes empresas cuyo negocio está conectado, incluida la preservación de datos personales (bancos, compañías de seguros, etc.), se niegan pasar  a servicios de Terceros debido a los altos requieros de seguridad. En este sentido, el desarrollo independiente de la propia tecnología push puede estar más justificado. Sin embargo, Gravitec.net ofreció una salida de esta situación para los clientes de Enterprise para garantizar la seguridad de los datos personales de los usuarios. Las soluciones seguras se implementan en dos versiones: Servicio Dedicado y White Label.

Conectar las notificaciones push a su sitio gratis

Según el análisis, el desarrollo independiente de la herramienta de notificación push es al menos cuatro parámetros inferior al servicio especializado.

Es importante recordar que detrás del servicio especializado está el largo trabajo del equipo de desarrollo, dirigido a la opinion positiva del usuario. Exactamente por eso proporciona y prueba varias características que no están disponibles en las versiones básicas de la tecnología.