Esta web ya no recibe mantenimiento. Por favor, visita documentation.indigitall.com para leer nuestra documentación actualizada.
notificaciones web push con npm
Tiempo estimado de integración: 10 minutos.
Si usas Wordpress, visita nuestra guía específica aquí.
Si quieres integrar a través de Google Tag Manager, entonces utiliza esta guía.
Si quieres integrar de forma estándar pulsa aquí.
Para integrar nuestra herramienta de notificaciones web push en tu página necesitas:
una cuenta de indigitall
instalar la dependencia de indigitall con el siguiente comando:
añadir el siguiente códio antes de la etiqueta de cierre </body>
:
Importante: el valor appKey es único y personal. Puedes obtenerlo accediendo a tu cuenta > configuración > valorDeTuAppKey
<script
src="/es/node_modules/indigitall-webpush/sdk.min.js"
onload="indigitall.init({
appKey:'cambiaPortuAppKey',
workerPath:'/node_modules/indigitall-webpush/worker.min.js',
requestLocation:true
})"
async>
</script>
Si todo ha ido bien, al acceder a tu web nuevamente, deberías ver en tu navegador un mensaje para permitir notificaciones. Ejemplo:
Pulsa en Permitir.
Luego abre la consola de desarrollador (pulsa F12) y ve a Consola, deberías ver algo como esto:
[IND] Client: Method: PUT
URL: https://device-api.indigitall.com/v1/device?appKey=(tuAppKeyAquí)&deviceId=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
Request Body: {
[...]
"pushToken": "https://fcm.googleapis.com/fcm/send/xxxx",s
"browserPublicKey": "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
"browserPrivateKey": "xxxxxxxxxxxx"
}
Response Code: 200
Response Message: OK
Response Body: {
"deviceId": "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
"enabled": true,
"platform": "webpush"
}
Fíjate que Response Code tenga el valor 200.
Si todo es correcto, enhorabuena, ¡ya solo te falta crear y enviar tu primera campaña!
Las campañas se administran desde el panel de control de tu cuenta indigitall. Acceder a tu cuenta.
Guía de usuario: crear campañas, editar y más.
Guía integración Plugin Wordpress