Notificaciones Web Push en PHP. Las notificaciones web push son una herramienta prometedora para aumentar el tráfico y las conversiones. Ya hemos visto cómo enviar notificaciones web push usando JavaScript.
En este articulo son para personas que buscan enviar notificaciones web push con datos dinámicos usando PHP.
Notificaciones Web Push en PHP
- El script obtiene el contenido de la notificación de PHP. Por lo tanto, el contenido de la notificación codificada se puede reemplazar con cualquier fuente de datos de una base de datos o un archivo.
- Si desea y está buscando una solución completamente PHP para enviar notificaciones personalizadas, este artículo será útil para empezar.
Datos del script PUSH PHP
Al ejecutar el presente script muestra una notificación push web en el navegador. Las notificaciones se envían cada 10 minutos según lo configurado. Luego, las notificaciones enviadas se cierran automáticamente.
Ademas, el tiempo de visualización de las notificaciones en un navegador está configurado en 5 minutos.
Las instancias de notificación se crean y manejan en el lado del cliente. Por lo tanto, la función setTimeout de JavaScript se utiliza para administrar el temporizador de aparición o desactivación de las notificaciones.
Llamada AJAX a PHP para enviar la notificación push web
- Este archivo HTML tiene el script para ejecutar el bucle para enviar las notificaciones en un intervalo periódico según lo configurado.
- Tiene la función pushNotify() que solicita PHP a través de AJAX para enviar notificaciones. PHP devuelve el contenido de la notificación en forma de objeto JSON en el navegador.
- El controlador de devolución de llamada AJAX lee el JSON y genera la notificación. En este script, la función
createNotification()envía la notificación al destino del evento. - Asigna la propiedad de clic de notificación de JavaScript para abrir una URL desde la respuesta PHP JSON.
Contenido de index.php
<!DOCTYPE html>
<html>
<head>
<title>Web Push Notificaciones en PHP</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="style.css" type="text/css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
</head>
<body>
<div class="dive-container">
<h1>Notificación web push usando PHP en un navegador</h1>
<p>Este ejemplo muestra una notificación push web de PHP en
navegador automáticamente cada 10 segundos. La notificación
también se cierra automáticamente justo después de 5 segundos.</p>
</div>
<script>
setInterval(function(){pushNotify();}, 10000);
function pushNotify() {
if (!("Notification" in window)) {
alert("El navegador web no admite notificaciones de escritorio");
}
if (Notification.permission !== "granted")
Notification.requestPermission();
else {
$.ajax({
url : "push-notificacion.php",
type: "POST",
success: function(data, textStatus, jqXHR) {
if ($.trim(data)){
var data = jQuery.parseJSON(data);
console.log(data);
notification = createNotification( data.title, data.icon, data.body, data.url);
setTimeout(function() {
notification.close();
}, 5000);
}
},
error: function(jqXHR, textStatus, errorThrown) {}
});
}
};
function createNotification(title, icon, body, url) {
var notification = new Notification(title, {
icon: icon,
body: body,
});
notification.onclick = function() {
window.open(url);
};
return notification;
}
</script>
</body>
</html>Código PHP para preparar el paquete JSON con contenido dinámico de la notificación
Este código proporciona los datos de notificación desde el lado del servidor. Enganche su aplicación DAO en este PHP para cambiar el contenido si lo desea desde una base de datos.
Contenido push-notificacion.php
<?php
// si hay algo que notificar, devuelva la respuesta con datos para
// notificación push de lo contrario, simplemente salga del código
$webNotificationPayload['title'] = 'Push Notificacion desde PHP';
$webNotificationPayload['body'] = 'Notificación push web de PHP al navegador.';
$webNotificationPayload['icon'] = 'https://www.baulphp.com/badge.jpg';
$webNotificationPayload['url'] = 'https://www.baulphp.com';
echo json_encode($webNotificationPayload);
exit();
?>Conclusiones y recomendaciones acerca de notificaciones PUSH
- Hemos creado la notificación push web con contenido dinámico de PHP. Sin embargo, existe varios usos al tenerlo en una aplicación.
- Se puede gestionar con base de datos PUSH con PHP y MySQL
- El uso es amplio y se puede implementar en proyectos web y/o páginas web como sistema de avisos.
Usos de las notificaciones push
Este tipo de notificaciones push ayuda a aumentar el tráfico del sitio web al enviar contenido relevante a los usuarios suscritos.
Es una forma de enviar mensajes profesionales para crear entradas para atraer ventas al negocio.
Ayuda a difundir la marca y mantenerla en la mente de los clientes que los retienen contigo.
