Esta web ya no recibe mantenimiento. Por favor, visita documentation.indigitall.com para leer nuestra documentación actualizada.

Integración npm

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:

    npm i indigitall-webpush

  • 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>


Verifica la integración


Si todo ha ido bien, al acceder a tu web nuevamente, deberías ver en tu navegador un mensaje para permitir notificaciones. Ejemplo:


New tag


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.

Recursos

Guía de usuario: crear campañas, editar y más.

Guía integración Plugin Wordpress

Guía integración Google Tag Manager (GTM)

Contáctanos