Integración para Safari

6.5 Integración para Safari (opcional)

Para poder realizar la integración para Safari es necesario implementar un botón para solicitar el permiso de recepción de notificaciones. A continuación, puedes ver un ejemplo de código:

<script>
 var indigitallParams = {
 appKey: "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
 workerPath: '/indigitall/worker.min.js'
 };
 function onIndigitallLoaded(){
 indigitall.init(indigitallParams);
 if(indigitall.isSafariPushNotificationSupported()){
 var button = document.createElement("span");
 button.innerHTML = `<div id="indigitall-button"
onclick="indigitall.init(indigitallParams);document.getElementById('indigitallbutton').remove();" style="position: fixed; bottom: 15px; left: 15px; z-index: 999; transition:
.2s ease;">
 <a style="display: block; border-radius: 50%; border: 1px solid #74d227; width: 50px;
height: 50px; color: #fff; background: linear-gradient(to bottom,#89da3e 1%,#6dbf37 100%);
text-align: center; vertical-align: middle; line-height: 60px; cursor: pointer; box-shadow: 0 0
3px #000; transition: .35s ease; transition-property: all; font-size: 20px; text-shadow: 0 0 2px
rgba(0,0,0,.5); position: relative;">
 <svg style="width:24px;height:24px" viewBox="0 0 24 24">
 <path fill="#f5f5f5" d="M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19
10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9
19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21" />
      </svg>
    </a>
  </div>`;
 document.getElementsByTagName("body")[0].appendChild(button);
 }
 }
</script>
<script src="/indigitall/sdk.min.js" onload="onIndigitallLoaded()"></script>

Recuerda: no olvides reemplazar el App Key por el de tu proyecto

2021-07-16T09:54:21-05:00