EN

  |  ES

/Guía Rápida de Integración /Notificaciones web push /Google Tag Manager

Integración Tag Manager (GTM)

notificaciones web push

Tiempo estimado de integración: 10 minutos.

Si usas Wordpress, visita nuestra guía específica aquí.
Si quieres implementar a través de tu web, entonces utiliza esta guía.


Para implementar nuestra herramienta de notificaciones web push en tu página necesitas:

Importante: si eres cliente enterprise no es necesario que crees una cuenta.

Una vez accedas a tu cuenta de GTM, pulsa en Añadir nueva etiqueta.


Nuevo tag


Elige un título (por ejemplo, indigitall) y pulsa el icono del lápiz en Configuración de la etiqueta.


Configuración de la etiqueta


En la siguiente pantalla, en Personalizado, debes elegir Custom HTML.


Elegir tipo de etiqueta


Ahora pega el siguiente fragmento de código:

Importante: el valor appKey es único y personal. Puedes obtenerlo accediendo a tu cuenta > configuración > valor del App Key

<script>
  (function () {
    var el = document.createElement('script');
    el.src = '/sdk.min.js';
    el.async = 'true';
    el.addEventListener('load', function () {
      indigitall.init({
        appKey: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
        workerPath: '/worker.min.js'
      });
    });
    document.head.appendChild(el);
  })();
</script>


Desplazándote hacia abajo, verás el término: activación y el icono del un lápiz que tendrás que clicar:


Activación


En Elegir un activador selecciona All Pages y pulsa añadir


Guardar


Clica en el botón Guardar.

¿Cómo subir archivos a tu servidor o acceder a ellos?


Puedes hacerlo mediante FTP o desde el panel de control de tu servidor (cPanel, directAdmin, etc) entre otras formas. Más abajo encontrarás un video explicativo del proceso. En menos de 10 minutos, deberías tenerlo.

Puedes pedir ayuda a tu proveedor de hosting o a tu programador de confianza enviando estas instrucciones.

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!


¿Cómo crear Campaña Notificación Web Push?


Las campañas se administran desde el panel de control (consola) de tu cuenta indigitall:
Acceder a tu consola

Recursos

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

Guía integración Plugin Wordpress

Guía integración Web Estándar

Contáctanos