(function ($, Drupal, window, document, undefined) { Drupal.behaviors.exitIntentLicitacao = { attach: function (context, settings) { $('body', context).once('lo-exit-intent', function () { var storageKey = 'lo_exit_intent_shown_v1'; var triggered = false; // Só mostra uma vez por navegador (até limpar localStorage) try { if (window.localStorage && localStorage.getItem(storageKey)) { return; } } catch (e) { // se der erro no localStorage, simplesmente segue sem armazenar } function createPopup() { if ($('#lo-exit-intent-overlay').length) { return; } var overlay = $( '
' + '
' + '
× ' + '
Antes de sair, venha para a Comunidade Licitação Online 👋 ' + '
' + 'Participe da Comunidade Licitação Online e tire suas dúvidas na hora ' + 'registre-se e receba o link do nosso grupo de Whatsapp por email. ' + 'Aproveite também para me seguir no Instagram e acompanhar aulas, avisos e novidades.' + '
' + '
' + '
Continuar navegando ' + '
' + '
' ); $('body').append(overlay); // Fecha no X, no botão "Continuar navegando" ou clicando fora $('#lo-exit-intent-close, .lo-exit-intent-continue').on('click', function () { $('#lo-exit-intent-overlay').fadeOut(200, function () { $(this).remove(); }); }); $('#lo-exit-intent-overlay').on('click', function (e) { if ($(e.target).attr('id') === 'lo-exit-intent-overlay') { $('#lo-exit-intent-overlay').fadeOut(200, function () { $(this).remove(); }); } }); } function showPopup() { if (triggered) { return; } triggered = true; try { if (window.localStorage) { localStorage.setItem(storageKey, '1'); } } catch (e) {} createPopup(); } // DETECÇÃO DE “ABANDONO” (desktop): mouse indo para cima da tela $(document).on('mouseleave.loExitIntent', function (e) { if (e.clientY <= 0) { showPopup(); } }); // Fallback: se o usuário ficar pelo menos 15s e rolar metade da página (mobile / outros casos) setTimeout(function () { var alreadyTriggered = triggered; if (alreadyTriggered) { return; } var scrollHandler = function () { if (triggered) { $(window).off('scroll.loExitIntentFallback'); return; } var scrollTop = $(window).scrollTop(); var docHeight = $(document).height(); var winHeight = $(window).height(); if (docHeight <= winHeight) { // página muito curta, dispara só pelo tempo showPopup(); $(window).off('scroll.loExitIntentFallback'); return; } var scrolledPercent = (scrollTop / (docHeight - winHeight)) * 100; if (scrolledPercent >= 50) { showPopup(); $(window).off('scroll.loExitIntentFallback'); } }; $(window).on('scroll.loExitIntentFallback', scrollHandler); }, 15000); }); } };
})(jQuery, Drupal, this, this.document);
#lo-exit-intent-overlay { position: fixed; z-index: 9999; inset: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; padding: 15px;
}
#lo-exit-intent-modal { background: #ffffff; max-width: 520px; width: 100%; border-radius: 8px; padding: 24px 24px 20px; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25); position: relative; font-family: Arial, sans-serif;
}
#lo-exit-intent-modal h2 { margin-top: 0; margin-bottom: 12px; font-size: 22px; line-height: 1.3; color: #222;
}
#lo-exit-intent-modal p { margin-top: 0; margin-bottom: 18px; font-size: 14px; line-height: 1.5; color: #444;
}
#lo-exit-intent-close { position: absolute; top: 10px; right: 12px; border: none; background: transparent; font-size: 20px; cursor: pointer; line-height: 1;
}
.lo-exit-intent-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px;
}
.lo-btn { display: inline-block; padding: 10px 14px; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: bold; text-align: center; cursor: pointer;
}
.lo-btn-primary { background: #1c7ed6; /* azul */ color: #ffffff;
}
.lo-btn-primary:hover { background: #1864ab;
}
.lo-btn-secondary { background: #f1f3f5; color: #333333;
}
.lo-btn-secondary:hover { background: #e9ecef;
}
.lo-exit-intent-continue { border: none; background: transparent; color: #666; font-size: 13px; cursor: pointer; padding: 0; text-decoration: underline;
}
@media (max-width: 480px) { #lo-exit-intent-modal { padding: 18px 16px 16px; } #lo-exit-intent-modal h2 { font-size: 18px; } .lo-exit-intent-buttons { flex-direction: column; }
}Diego Macedo | Licitação Online Tipo Título Autor Respostas Última atualização Sem conteúdo disponivel.
Páginas