top of page

Resultados de la búsqueda

67 elementos encontrados para ""

  • Enviar notificaciones push desde One Signal.

    Si quieres, puedes enviar notificaciones directamente desde One Signal en lugar de usar el constructor de apps una vez hayas seguido los pasos de configuración, sin embargo, estas notificaciones tienen dos particularidades: - No aparecen en el histórico de notificaciones enviadas desde el constructor. - Tampoco aparecen en la bandeja de entrada de la función Push v2 del usuario de la App. ¿En qué casos necesito usar One Signal directamente? - Incidencias puntuales en las que desde el constructor de Apps no se estén enviando correctamente. - Para enviar notificaciones en las que puedas incluir un enlace de acceso a una URL o imagen adjunta, algo que (por ahora) no es posible realizar desde el constructor. - Para enviar notificaciones segmentadas por público (por ejemplo por "Dispositivos iOS", "Android", por idioma del dispositivo del usuario, por versión de la App, por franja horaria según ubicación, etc.) Pasos para enviar notificaciones desde One Signal. Recuerda que lo ideal es enviar notificaciones desde el constructor de Scoreapps, para así permitir a los usuarios comprobar el mensaje enviado desde la bandeja de entrada, pero si prefieres enviar notificaciones desde One Signal, debes seguir estos pasos: Abre One Signal , selecciona la App y pulsa en New Message | New Push :   En esta pantalla, es opcional, puedes poner el título de la notificación (no es visible para los usuarios):   En "Audience" selecciona " Send to Subscribed users ". Si quieres segmentar el envío, selecciona "Send to particular segment". El filtro que elijas hará que se envíe la notificación a los usuarios que cumplan los segmentos seleccionados. En "Message" sólo es obligatorio el campo "Message", pero puedes completar el resto: - Title : especifica el título de la notificación. Este aparecerá en la parte superior del texto de la notificación. - Message : Escribe aquí mensaje de la notificación. - Image : adjunta una imagen para mostrar al recibir la notificación. - Launch URL : especifica aquí la URL que quieres que se abra cuando se envíe una notificación. Si dejas este campo vacío (recomendado) se abrirá la App. En "Delivery Schedule" puedes programar el envío del mensaje: - Inmediately : selecciona esta opción para enviarla en este momento. - Specific Time : fecha y hora específica para enviar la notificación. Per user optimization?: - Send to everyone at the same time : enviará notificación al mismo tiempo a los usuarios (opción habitual y recomendada). - Intelligent delivery: se enviará de forma progresiva a lo largo de una franja de horas seleccionada por One Signal. - Custom time per user timezone : selecciona la hora en la que enviar este mensaje en función del país donde se encuentren los usuarios. Por último, pulsa en Review and Send para enviarla. Recuerda, las notificaciones enviadas desde One Signal... - No aparecen en el histórico de notificaciones enviadas desde el constructor. - Tampoco aparecen en la bandeja de entrada de la función Push v2 del usuario de la App.

  • Diferencias entre App nativas y Web App

    Diferencias entre App nativas y Web App. El futuro de las App móviles está en las Progressive Web App. Para empezar: ¿Qué es una App nativa y qué es una PWA? Una App nativa es aquella aplicación que obtenemos de Google Play (Android), de la App Store (iOS) o a través de un enlace del Market Privado (iOS). Requiere descarga e instalación en el dispositivo. Una PWA es una aplicación a la cual se accede directamente a través de una dirección Web. Es compatible con cualquier navegador que respete los estándares Web (como Chrome o Firefox) y puede abrirse desde cualquier dispositivo: móvil, tablet o PC. ¿Qué diferencias hay entre una App nativa y una PWA? Las PWA no necesitan ser descargadas en el dispositivo: aunque puedes instalarla en el dispositivo (¿Cómo puedo hacer esto?) no necesita esperar a ser descargada, sino que se accede prácticamente al instante en cuanto entras en la URL o abres el icono de la App. El aspecto visual entre las PWA y las App nativas es prácticamente el mismo: puede ocurrir que determinadas animaciones que requieran un uso dedicado del hardware del teléfono no tengan la misma fluidez, ya que los Service Workers (consulta más abajo) no soportan el acceso al chip gráfico del dispositivo, cosa que una App nativa sí puede hacer. Estas diferencias apenas se notan y dependen de las prestaciones del dispositivo donde se utilice. Las PWA se publican de forma rápida y sencilla: no se necesita cuenta de Desarrollador ni subir la aplicación a ninguna tienda de Apps. Una vez publicada obtendrás una URL y se actualizará automáticamente según hagas cambios en el constructor (CMS).Las PWA tienen casi todas las funcionalidades disponibles en nuestro constructor (CMS): por limitaciones en los Service Workers (consulta más abajo) hay algunas funcionalidades no disponibles: Funcionalidades disponibles para las PWA ¿Qué son los Service Workers? Si traducimos al español Service Workers (SW) significa "trabajadores de servicios". Los "servicios" son las características (hardware) que nos puede ofrecer un dispositivo: cámara, GPS, procesador gráfico, giroscopio, micrófono, etc.; y "trabajadores" son las línea de código que comunican las PWA con el teléfono a través del navegador Web (por ejemplo Google Chrome). En resumen, es el puente que comunica la PWA con el hardware teléfono. Las App nativas comunican directamente con el hardware del teléfono sin navegador Web por medio. Dicho esto, por el momento existen limitaciones como por ejemplo con las notificaciones Push: Android tiene los Service Workers más avanzados del mercado y permiten que puedan enviarse notificaciones push a PWA de Chrome, pero por ejemplo no pueden enviarse a un punto GPS fijo o geo-fencing porque los SW no lo permiten. iOS dispone de unos SW más limitados y desde Safari o Chrome no es posible enviar notificaciones push.

  • Instalar una PWA

    Hay distintas formas de acceder e instalar una PWA 1. Escaneando el código QR utilizando la cámara (si el dispositivo lo permite) o una app especializada en escáner de QR. 2. Escribiendo directamente la URL de la PWA en el navegador del dispositivo. Instalar una PWA Puedes instalar fácilmente un acceso directo en la pantalla de inicio del dispositivo. El icono se verá como cualquier App nativa pero técnicamente es un acceso rápido a una página web. Instalar una PWA en iOS 1. Accede a la PWA y pulsa el botón de Compartir. 2. Pulsa la opción Añadir a la pantalla de inicio. 3. Añádelo pulsando el botón Añadir. Instalar una PWA en Android 1. Automáticamente, al abrir la PWA te preguntará si quieres añadir el icono, sólo hay que hacer clic en Añadir App a la pantalla de inicio : 2. En caso de que sea descartado puede ser instalada fácilmente accediendo al menú de Chrome y pulsando la opción Añadir a pantalla de inicio : Ocultar la barra de navegación en iOS En Android al abrir la PWA instalada se oculta automáticamente la barra de navegación. En el caso de iOS puedes ocultarla fácilmente si configuras este ajuste en el CMS: Ve a Ajustes - General - PWA y deshabilita la casilla "Abrir con Safari": Si ya tenías la PWA instalada en iOS tendrás que eliminarla y volver a instalarla para que este cambio surta efecto. Más información

  • Las PWA mejoran el posicionamiento SEO

    En 2018 el panorama Mobile cambió para siempre con la llegada del Mobile First Index , un nuevo paradigma impulsado por Google en 2018 en el que las PWA mejoran el posicionamiento SEO de cualquier site comenzó a regirse por la buena experiencia móvil del usuario. Junto al Mobile First Index también llegaron las Progressive Web Apps, una tecnología desarrollada por ellos mismos, que dejaron completamente obsoletas a las páginas Web responsivas que habían funcionado bien hasta ese momento. Esta solución aúna lo mejor de las Apps móviles nativas y las Páginas Web y, a día de hoy, se han convertido en la mejor opción para conseguir los primeros puestos en el buscador de Google. ¿Y qué ha supuesto esto para las empresas? Este cambio de algoritmo ha afectado al posicionamiento SEO de de todas las páginas del mundo, que ahora necesitan actualizar sus sites y adaptarlas a las nuevas exigencias de la experiencia del usuario móvil. ¿Suena interesante verdad? A continuación voy a explicarte qué son las Progressive Web Apps , sus ventajas y cómo puedes mejorar tu posicionamiento SEO con una PWA de tu negocio. ¿Qué es una Progressive Web App? Una Progressive Web App o PWA es una Web con la mejor experiencia móvil pero con funciones que son propias de una Aplicación Nativa. Es decir, une lo mejor de ambos mundos. En apariencia son iguales a las Apps nativas que solemos descargar pero puedes acceder a ellas a través de la URL en el navegador que tengas instalado. Esto es muy importante porque no hace falta descargarla de un market, sino que se accede directamente con un enlace web.Su aparición en el entorno Online, han supuesto la mayor oportunidad de negocio desde la invención de las páginas Web. Pero en concreto, ¿qué diferencia una Progressive Web App de una App nativa? Diferencias entre Progressive Web Apps y Aplicaciones Nativas Las diferencias entre ambas modalidades son importantes. En primer lugar, hay que resaltar que una App nativa es una solución autónoma que «vive» en un smartphone. Funciona como un programa que se ejecuta en tu dispositivo. Sin embargo una PWA es un sitio Web que se muestra como una aplicación móvil . Pueden realizar prácticamente las mismas funciones que las apps nativas pero lo hacen a través de un navegador de Internet. A continuación voy a contarte las 3 diferencias más importantes: 1. Tecnología Progresiva : Una de las diferencias - y también de las ventajas - de las PWA es que no tienen restricciones para funcionar en un sistema operativo concreto como las Apps nativas, las cuáles si que tienen que estar desarrolladas para un sistema operativo en concreto (Android, IOS). Las Progressive Web Apps, pueden ejecutarse en cualquier navegador que el usuario tenga instalado en su móvil. Su característica progresiva es uno de los factores clave que las diferencia de las aplicaciones nativas tradicionales. 2. Tamaño que ocupan en el dispositivo : Las Apps descargadas de los markets, como Google Play o Play Store ocupan bastante más que una PWA, que se ejecuta a través de un navegador. Sin embargo, hay que tener en cuenta que el tamaño de una Progressive Web App aumenta a medida que se usa por el almacenamiento de datos que hacen las PWA en la memoria caché. Aun así, su tamaño siempre será mejor que una aplicación nativa. 3. Consumo de CPU : Las PWA son extremadamente ligeras. Mientras que una App nativa puede ocupar los 200MB aproximadamente, las Progressive Web Apps no suelen pesar más de 0,8 MB del dispositivo móvil. Esto ha supuesto que para compañías como Tinder, por ejemplo, el cambio a una PWA supuso una reducción del 90% de su peso frente a su App nativa. Cómo las PWA mejoran el posicionamiento SEO de tu negocio Una de las ventajas más importantes que presentan las PWAs, se encuentra en cómo afectan al posicionamiento SEO del negocio . ¿Por qué? La respuesta la encontramos en las características propias que presenta esta solución frente a las Apps nativas. Como hemos mencionado antes las PWA son en esencia páginas Web , por lo que son indexadas por Google, de forma que si un usuario hace una consulta, por ejemplo de «Cocina de Pedro», la PWA del restaurante saldrá entre los resultados de búsqueda. En cambio una aplicación nativa no aparecerá en los resultados de búsqueda orgánico y habrá que buscar esa aplicación en concreto tanto en AppStore como en Google Play. El tiempo de carga de una PWA es inferior al de una web tradicional y este es otro factor clave que afecta positivamente al posicionamiento SEO. Una PWA es hasta 4 veces más rápida que una página Web , aunque ésta sea responsiva. Este hecho ha conseguido mejorar la conversión de muchos e-commerces ya que está demostrado que, por cada segundo extra que tarda una Web en cargar, se pierden cientos de ventas potenciales. En este sentido, puedo hablaros de ejemplos que encontramos en grandes marcas a nivel mundial. Como Forbes, que gracias a su Progressive Web App ha reducido el tiempo de carga en 2,5 segundos a la par que ha incrementando un 10% las impresiones por visita . O Alibaba, que ha aumentado un 76% las conversiones gracias a su PWA con un 14% más de usuarios activos en iOS, y un 30% más en Android. Otras ventajas de las Progressive Web Apps A parte del posicionamiento SEO, hay otras ventajas importantes que merecen una mención especial en este post. En primer lugar, gracias a los Service Workers, una Progressive Web App puede recibir notificaciones push. En segundo lugar, las Progressive Web Apps también ofrecen la posibilidad de descargar un acceso directo a modo de icono en la pantalla del teléfono , por lo que su acceso es tan rápido como cualquier App nativa. Y, en tercer lugar, es importante hacer referencia a los costes de mantenimiento. Al no necesitar actualizaciones, el presupuesto que se destina para esta acción en una página Web o una App nativa, con la PWA te lo ahorras. Notificaciones Push Otra de las ventajas que presentan las PWA es que puedes aprovechar todos los beneficios que ofrecen las Notificaciones Push. Podrás mantener al usuario informado de las ofertas, nuevos lanzamientos exclusivos, o noticias interesantes a través de uno de los sistemas que mejores resultados aportan para aumentar el engagement y la conversión de usuarios. Integración de la PWA con Redes Sociales También vas a poder promocionar la Progressive Web App de tu negocio gracias a su integración con Redes Sociales. Dar difusión a tu Progressive Web App , te ayudará a que los usuarios la conozcan, las descarguen y la utilicen. Mejorando así el posicionamiento SEO de tu marca. ¿Necesita mi negocio una Progressive Web App? Pues depende. No hay una respuesta tajante a estas preguntas. Depende de la estrategia de SEO que siga tu marca. Si tu empresa se dedica a prestar servicios como el de un restaurante, una discoteca, una tienda, una peluquería o un gimnasio, por ejemplo, la PWA puede ser una solución muy beneficiosa para posicionar por delante de la competencia y para fidelizar y ganar nuevos clientes. Más información

  • Reestablecer permisos Notificaciones Push

    Si estas teniendo algún problema a la hora de recibir Mensajes push (reestablecer permisos Notificaciones Push) en tu PWA esto es debido a los permisos y cookies del navegador. 1- Abre la PWA (ej. https://apps.nocode-builder.com/pwapp/6280ba2ba63ed/index.html ) en un navegador y haz click en reestablecer permisos como indica la imagen adjunta: (Debemos ir al navegador y seleccionar el icono del candado) 2- Luego hacemos clic en Permisos: Y seleccionamos: Reestablecer Permisos. 3- Por ultimo, Volvemos a seleccionar el candado, hacemos clic en Cookies, y seleccionamos el icono de la papelera para eliminar las cookies y borramos las cookies. 4- Para finalizar solo tendrás que recargar la pagina en el navegador y aparecerá la opción para instalar la app en la pantalla principal del dispositivo y el mensaje para aceptar las notificaciones push.

  • Configuración de OneSignal.

    Para configurar el nuevo sistema de Mensajes Push deberás contar con una cuenta gratuita de One Signal y una cuenta de Firebase para Android. Entra en tu cuenta de One Signal y haz clic en 'Nueva App/Website'. A continuación completa los siguientes campos: Name of your app or website:   Dale el mismo nombre que tiene tu App. What organization should it belong to?:  + Create New Organization. Name new organization: Coloca el nombre de la App. A continuación selecciona Android para empezar. Luego pulsa el botón "Next: Configure Your Platform". Ahora ve a tu panel de Firebase y entra en la consola. Añade un nuevo proyecto y dale el mismo nombre de tu App. En el siguiente paso, desactiva Google Analytics por ahora (podrás activarlo más adelante si lo necesitas). Una vez creado el proyecto, en la siguiente pantalla, haz clic en el icono redondo de Android que se encuentra en la mitad de la pantalla. A continuación, introduce: Nombre del paquete tu App (Lo encontrarás en el paso "Avanzado" del constructor) y el nombre de la Aplicación. Haz clic en Registrar Aplicación y después, haz clic en Siguiente varias veces hasta llegar a la opción Ir a la Consola: Al completar estos pasos y regresar a la consola principal de Firebase, haz clic en la rueda de ajustes arriba a la izquierda y selecciona Configuración del Proyecto para después ir a la pestaña de Cloud Messaging. Ve a la pestaña Cuentas de Servicio y haz clic en el botón azul "Generar nueva clave privada". Verás que te aparece una pantalla de confirmación: Deberás pulsar en el botón azul "Generar Clave" y verás que se descarga un archivo .json Ahora vuelve a One Signal y carga el archivo  .json en el campo "Service Account JSON". Haz clic en Salvar y continuar. En la siguiente pantalla haz clic en Cordova como opción de SDK, y clic en Continuar. Por último... Clic en 'Done'. Ahora, ve al apartado Audience y busca el botón Default junto a Total Subscriptions : Pulsa en "Default" y renombra Total Subscriptions por Subscribed Users sin espacios antes o detrás (solamente entre cada palabra) y exactamente con las mismas mayúsculas y minúsculas. Tal cual está escrito: Pulsa Update Segment para guardar. Ahora ya puedes ir a Settings / Keys & IDs   para copiar las claves (OneSignal App ID y Rest API Key) que deberás pegar dentro de Scoreapps en Ajustes > Claves API. Enhorabuena, ya has configurado los Mensajes Push para Android. En el caso de que hayas publicado tu App también en IOS (Appstore), debemos realizar un ajuste mas con el certificado P12. Carga del Certificado P12 en One Signal En el caso de que hayas solicitado la publicación para el Appstore, una vez compilada la App recibirás un email con el certificado P12 necesario para el envío de los Mensajes Push. Vuelve entonces a tu cuenta de One Signal. Ve a Platforms y haz clic en Add Apple IOS. Selecciona en el desplegable .p12 Certificate, sube el archivo indicado y coloca la contraseña:  score123z Luego haz clic en Salvar y Continuar. Y al igual que hiciste con Android, selecciona Cordova SDK y haz clic en Salvar y Continuar.   Por último, clic en Done y habrás terminado.

  • Estrategia de Crecimiento Holístico para Pequeñas y Medianas Empresas.

    Te presentamos SLM, una estrategia de crecimiento holístico para pequeñas y medianas empresas. SLM significa Social, Local y Móvil. Veámoslo con un ejemplo: El caso de Juan y su Pizzería ----------------------------- Este es Juan, el director de una pequeña pero acogedora pizzería. Lo primero que hemos hecho para el negocio de Juan es desarrollar una aplicación móvil. Con el aumento del uso de dispositivos móviles para buscar y navegar por internet, es crucial tener una estrategia "Mobile First". Aunque una buena página web sigue siendo importante, no puedes perder de vista a los clientes potenciales que utilizan sus teléfonos inteligentes como su principal herramienta de búsqueda. Además, las redes sociales también desempeñan un papel fundamental en esta estrategia. No solo proporcionan una gran fuente de comentarios y opiniones de clientes, sino que también sirven como una valiosa plataforma de comunicación. Al mantener una presencia activa en las redes sociales, Juan puede interactuar directamente con sus clientes, responder preguntas y resolver problemas de manera rápida y efectiva. La importancia de los motores de búsqueda ----------------------------------------- Pero lo más importante es que todos estos factores se reflejan en los motores de búsqueda. Cuando Juan implementa una estrategia SLM, su negocio se vuelve más visible en las búsquedas en línea. Esto significa que cuando alguien busca "pizzería cerca de mí" en Google, por ejemplo, es más probable que encuentren la pizzería de Juan en los resultados de búsqueda. El posicionamiento en los motores de búsqueda es crucial para el éxito de cualquier negocio en línea. Al utilizar una estrategia SLM, Juan mejora su posicionamiento y aumenta las posibilidades de atraer nuevos clientes. SLM: Social, Local y Móvil -------------------------- SLM es una estrategia de crecimiento holístico para pequeñas y medianas empresas. Los aspectos clave de esta estrategia son: ### Social Las redes sociales son una herramienta poderosa para cualquier negocio. Juan puede utilizar plataformas como Facebook, Instagram y Twitter para promocionar su pizzería, compartir contenido relevante y atractivo, y atraer a nuevos clientes. También puede interactuar directamente con sus clientes, responder a sus comentarios y preguntas, y construir relaciones sólidas. ### Local El aspecto local de la estrategia SLM se refiere a la optimización de la presencia en línea de Juan para atraer a clientes locales. Esto implica asegurarse de que su empresa esté correctamente listada en directorios en línea, como Google My Business, y que la información de contacto y la ubicación sean precisas. Al optimizar su presencia local, Juan se asegura de que las personas que buscan una pizzería en su área encuentren fácilmente la suya. ### Móvil Como mencionamos anteriormente, la estrategia "Mobile First" es esencial en el mundo actual. Juan ha desarrollado una aplicación móvil para su pizzería, lo que permite a los clientes realizar pedidos fácilmente desde sus teléfonos inteligentes. Una aplicación móvil también brinda la oportunidad de enviar notificaciones y promociones especiales a los clientes, lo que aumenta la fidelidad y las ventas. Conclusión ---------- SLM, o Social, Local y Móvil, es una estrategia de crecimiento holística muy efectiva para pequeñas y medianas empresas. Al implementar una estrategia SLM, como Juan con su pizzería, las empresas pueden mejorar su visibilidad en los motores de búsqueda, interactuar directamente con sus clientes en las redes sociales y ofrecer una experiencia móvil conveniente y personalizada. Si eres dueño de una pequeña o mediana empresa, considera adoptar una estrategia SLM para impulsar tu crecimiento y éxito. Recuerda que el mundo digital evoluciona rápidamente, y es importante mantenerse al día con las últimas tendencias y prácticas para asegurar el éxito a largo plazo de tu negocio.

bottom of page