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