Cómo implementar notificaciones web push en WordPress










  • ¿Cuál es una buena manera de hacer que las personas regresen a su sitio web tan pronto como se cree contenido nuevo? Uso de notificaciones push.

    Probablemente haya visto esta tecnología en uso en sitios como , YouTube y muchos otros. Es cuando recibe mensajes directamente en su navegador o en el escritorio de su computadora desde un sitio al que se le ha permitido hacerlo. Los usuarios deben permitir las notificaciones automáticas para que se reciban los mensajes.

    La mayoría de las veces, los desarrolladores usan esta tecnología para enviar mensajes instantáneos sobre nuevos contenidos. Sin embargo, las notificaciones web push para WordPress le permitirán enviar prácticamente cualquier mensaje directamente a sus suscriptores en línea. Esta es una gran adición a cualquier conjunto de herramientas de marketing de sitios web .

    Debido a que estos mensajes tienen una excelente tasa de apertura, especialmente en dispositivos móviles, es un excelente complemento para cualquier sitio.

    En este tutorial, le mostraré cómo configurar las notificaciones push de OneSignal para WordPress. Aunque hay bastantes pasos en el proceso, los resultados finales podrían superar fácilmente la inversión de tiempo.

    Estoy usando OneSignal hoy para poder mostrarle cómo involucrar a los usuarios de dispositivos móviles, así como a los de las computadoras de escritorio. Esto se debe a que actualmente más personas acceden a Internet desde la tecnología móvil que con los sistemas tradicionales.

    Configuración de notificaciones push para WordPress

    Antes de comenzar, es mejor que tenga un certificado de capa de sockets seguros adjunto a su sitio web. El uso de SSL no es obligatorio, pero Google Chrome requiere que esté presente para que el certificado funcione.

    Además, el certificado SSL ayuda en el SEO al demostrarle a Google que eres consciente de la seguridad de los visitantes. Esto significa que su sitio ocupará un lugar más alto en los resultados de búsqueda.

    Sin embargo, OneSignal lo ayuda a evitar no tener SSL al permitirle usar un subdominio en su propia red. Cubriré cómo hacer esto en un momento.

    Ahora, comencemos a enviar notificaciones a tu audiencia.

    Paso 1: Instale el complemento OneSignal

    Instale y active el complemento para OneSignal.

    Instalar y activar OneSignal

    OneSignal agregará una nueva función al panel de administración izquierdo. Sin embargo, todavía no podemos hacer nada con él porque necesitamos algunas claves API y otras cuentas gratuitas.

    Paso 2: Creación de claves para Google

    Dado que OneSignal es esencialmente una aplicación basada en la nube, necesitaremos la clave API de Google para enviar notificaciones a los usuarios de Chrome.

    Vaya al sitio de Google Developers para comenzar a configurar el servicio.

    Desarrolladores de Google

    Ingrese el nombre de su nueva aplicación y haga clic en el enlace Crear debajo de ella.

    Crear nueva aplicación

    Necesitará un nombre de paquete de Android. Este es un campo obligatorio aunque no lo necesitará para OneSignal. Simplemente uso » test.test «. Esto abrirá inmediatamente una nueva ventana de Google con un descargo de responsabilidad para los Servicios para desarrolladores móviles de Google.

    Esencialmente es un acuerdo para compartir datos para evaluación comparativa y otros servicios. No tiene que aceptar estos términos. No me importa compartir datos, ya que ayuda a Google a desarrollar mejores servicios en el futuro. Sin embargo, no a todo el mundo le gusta la idea de compartir, por lo que es opcional.

    Una vez que esté listo, haga clic en el enlace «Elegir y configurar servicios».

    Configurar servicios de Google

    Cloud Messaging ya debería estar abierto de forma predeterminada. Si no es así, haga clic en el icono con una nube y una campana. Ahora, hará clic en el enlace «Habilitar Google Cloud Messaging» para habilitar el servicio.

    Habilitar mensajería en la nube

    Deberá copiar la clave API del servidor y la ID del remitente para configurar OneSignal. Por ejemplo, voy a pegar ambos números en un documento de Bloc de notas temporal por ahora. Siempre puede acceder a Google Developers más tarde si necesita esta información nuevamente.

    Desplácese hacia abajo y haga clic en el botón «Generar archivos de configuración».

    Archivo de configuración de desarrolladores de Google

    En esta ventana, puede descargar el archivo .json si lo desea, pero OneSignal no lo necesitará. Ahora puede cerrar esta ventana o dejarla abierta para consultar su clave de API y su ID de remitente.

    Ahora, necesitaremos configurar una cuenta gratuita en OneSignal.

    Paso 3: configurar una cuenta gratuita de OneSignal

    Vaya al sitio web de OneSignal .

    una señal

    Desplácese hasta la parte inferior de esta página y haga clic en «Registrarse gratis».

    OneSignal Regístrese Gratis

    El proceso de registro para OneSignal le permite elegir las credenciales de las redes sociales o puede registrarse usando una dirección de correo electrónico completamente diferente. Esto es completamente opcional, pero puede ser más fácil para algunos simplemente usar Google o para configurar sus cuentas. Toma menos tiempo ya que su información se comparte instantáneamente.

    Cuando esté listo, haga clic en «Crear cuenta» o en el botón de redes sociales. Solo voy a usar para este ejemplo.

    OneSignal Crear Cuenta

    Paso 4: agregar una nueva aplicación

    Ahora que tenemos una cuenta OneSignal, es hora de agregar nuestras aplicaciones.

    Haga clic en el cuadro vacío «Agregar una nueva aplicación» en su pantalla principal.

    OneSignal Agregar nueva aplicación

    Asigne un nombre a su nueva aplicación y haga clic en «Crear».

    Aplicación de creación de OneSignal

    En la siguiente pantalla, haga clic en el enlace «Configuración de la aplicación» en el panel de administración izquierdo.

    Configuración de la aplicación OneSignal

    En la siguiente pantalla, verá una lista de plataformas móviles disponibles para la inserción web. Comencemos habilitando Google Chrome y Mozilla Firefox.

    Haga clic en el botón «Configurar» en el extremo derecho de estos dos navegadores web.

    configurar cromo

    Ingrese la URL de su sitio en el campo de texto.

    URL de una señal

    OneSignal detectará automáticamente si su URL está protegida o no simplemente debido a la diferencia con HTTP y HTTPS. El sistema asignará automáticamente un subdominio que puede usar de forma gratuita en el dominio de OneSignal.

    Puedes cambiar el subdominio si quieres usar algo diferente. Sin embargo, puede ser más fácil de recordar si lo deja como su nombre de dominio, ya que puede configurar varias cuentas en OneSignal.

    NOTA : Esto solo aparece si no tiene un certificado para SSL en su sitio web.

    Subdominio de cambio de OneSignal

    Ahora, configuremos los dispositivos Android para recibir el push. Haga clic en el botón «Configurar» en el extremo derecho de Google Android.

    Configurar Google Android

    Aquí está la pantalla donde ingresará la clave API del servidor y el número de proyecto que copió anteriormente. Una vez que haya colocado estos números, haga clic en el botón «Guardar».

    Android GCM Guardar

    Puede activar cualquier número de estos elementos, cada uno con su propia entrada en el sistema OneSignal. Puede ser una buena idea incluir elementos de Apple como Safari, ya que es una plataforma muy utilizada.

    Haga clic en la pestaña «Claves e ID» en la parte superior de la ventana de configuración.

    Teclas de una señal

    Copie la ID de la aplicación OneSignal y la clave API REST. Estos son necesarios para el siguiente paso.

    Clave e ID de OneSignal

    Ahora, deberá configurar el SDK. Vaya a su ventana de aplicaciones desde OneSignal.

    Ventana de aplicaciones OneSignal

    Verá que la aplicación necesita el SDK antes de que se active. También mostrará íconos de todas las conexiones que tiene la aplicación, como Android, Chrome y Firefox, los tres que acabamos de instalar.

    Haga clic en la aplicación para finalizar el proceso de configuración.

    Configuración de finalización de OneSignal

    En la siguiente ventana, seleccione el SDK para WordPress.

    OneSignal SDK WordPress

    Haga clic en el botón «Siguiente» en la parte inferior derecha para continuar.

    SDK de OneSignal Siguiente

    La siguiente pantalla explica que debe agregar la clave REST API y la ID de la aplicación al complemento de WordPress. Deje esta ventana abierta en su navegador, ya que la necesitará en el paso final.

    Instalación del SDK de WordPress

    Paso 5: Configuración de OneSignal en WordPress

    Regrese al tablero de WordPress y haga clic en el control OneSignal Push a la izquierda.

    Empuje de una señal de WordPress

    Haga clic en la pestaña Configuración en la parte superior.

    Configuración de una señal

    Si su sitio usa conexiones SSL, haga clic en el interruptor junto a la opción «Mi sitio usa una conexión HTTPS (SSL)». De lo contrario, ingrese la información de OneSignal. Esto incluye el ID de la aplicación, la clave de la API REST, el subdominio si lo necesita y el ID web de Safari si creó uno.

    Información de una señal

    Realice ajustes en la configuración de notificaciones enviadas. Aquí es donde modificas el comportamiento de las notificaciones. Esto controla si usar la imagen destacada de la publicación, descartando las notificaciones después de 20 segundos en Chrome Desktop y el título. También puede configurar los mensajes que se enviarán a las plataformas iOS y Android.

    Dado que ingresamos la clave API para Android, activaremos esta opción haciendo clic en el interruptor.

    Configuración de notificaciones de OneSignal

    Personalice la configuración de mensajes y el botón de notificación. En esta sección, puede personalizar el comportamiento del botón de solicitud en su sitio. Esto incluye todo, desde solicitar a los nuevos visitantes que se suscriban hasta controlar los mensajes predeterminados que se envían.

    Configuración de avisos de OneSignal

    Modifique su configuración emergente para mostrar cuando se detectan nuevos usuarios. Aquí es donde puede personalizar aún más el texto que se entrega para las notificaciones. Puede tener contenido separado para visitantes de escritorio y móviles, cambiar el texto del «Botón Aceptar» y cambiar el texto del «Botón Cancelar».

    Configuración emergente de OneSignal

    Establezca su mensaje de bienvenida para los nuevos suscriptores. En esta área, puede configurar un mensaje personalizado para que aparezca cuando las personas se suscriban a sus notificaciones push web en WordPress. El título, el mensaje y la URL predeterminada se muestran a los recién llegados. Sin embargo, puede desactivar esta función si lo desea.

    Mensaje de nuevo suscriptor de OneSignal

    Las configuraciones restantes se pueden dejar por defecto por ahora. Estos consisten en notificaciones automáticas que se muestran cuando crea una publicación, seguimiento UTM y tipos de publicaciones personalizadas si tiene un archivo manifest.json separado.

    Haga clic en el botón «Guardar» en la parte inferior.

    Guardar una señal

    Paso 6: Finalización de la configuración de OneSignal

    Visite su sitio web y haga clic para permitir que le envíe notificaciones cuando haya contenido nuevo. Serás el primer suscriptor.

    Vuelva a OneSignal y haga clic en el botón «Verificar usuarios suscritos».

    Usuarios de comprobación de OneSignal

    Debería recibir un mensaje de «felicitaciones» que le informe sobre su primer usuario, que es usted.

    Haga clic en el botón «Listo» en la parte inferior.

    Una señal hecho

    Su sitio web ahora puede aceptar suscriptores y enviar notificaciones cuando crea contenido nuevo.

    OneSignal tiene muchas herramientas para crear notificaciones push web para WordPress. Puede ver la cantidad de suscriptores que tiene, qué plataformas están usando e incluso enviar mensajes a todos sus suscriptores desde el sistema. Incluso puede establecer horarios de cuándo contactar a sus suscriptores. Es un sistema increíblemente flexible cuando necesita algo para ayudar a comercializar su plataforma de alojamiento web de WordPress . Ahora todo lo que necesitas es contenido atractivo.

    ¿Qué tipo de adiciones utiliza en su sitio web para atraer a los visitantes? ¿Qué métodos de marketing has probado para conectarte a WordPress?