Popup Invisível - Atualizar e Primeiro Clique

Popup Invisível no Blogger

Ao atualizar a página e no primeiro clique

Esta solução permite implementar um pop-up invisível no Blogger que abre um link quando a página é atualizada/recarregada e também na primeira vez que o usuário clica na página.

Como implementar no Blogger:

  1. Acesse o painel do Blogger
  2. Vá em TemaEditar HTML
  3. Cole o seguinte código antes da tag </body>:
<script>
// Popup invisível para Blogger - Ao atualizar e primeiro clique
document.addEventListener('DOMContentLoaded', function() {
    // Configurações - Edite estas variáveis
    var popupEnabled = true; // Altere para false para desativar
    var linkDestino = 'https://www.exemplo.com'; // URL que será aberta
    var delayPopup = 1000; // Tempo de atraso em milissegundos
    
    // Verifica se já foi clicado antes usando sessionStorage
    var jaClicou = sessionStorage.getItem('popupClicado');
    var paginaRecarregada = performance.navigation.type === 1;
    
    if(popupEnabled) {
        setTimeout(function() {
            // Abre popup se a página foi recarregada
            if(paginaRecarregada) {
                window.open(linkDestino, '_blank');
            }
            
            // Adiciona event listener para cliques se ainda não clicou
            if(!jaClicou) {
                function abrirPopup(e) {
                    // Remove o event listener
                    document.removeEventListener('click', abrirPopup);
                    
                    // Abre o link em uma nova janela
                    window.open(linkDestino, '_blank');
                    
                    // Marca que já clicou para não abrir novamente
                    sessionStorage.setItem('popupClicado', 'true');
                }
                
                // Adiciona o event listener para cliques
                document.addEventListener('click', abrirPopup);
            }
        }, delayPopup);
    }
});
</script>

Aviso Importante

Use este recurso com cuidado, pois pop-ups não solicitados podem:

  • Incomodar os visitantes do seu blog
  • Ser bloqueados por navegadores e extensões
  • Prejudicar a experiência do usuário

Recomendamos usar apenas quando absolutamente necessário e informar os usuários sobre o pop-up.

Funciona ao atualizar

O pop-up é acionado quando a página é recarregada/atualizada.

E no primeiro clique

Também funciona na primeira vez que o usuário clica em qualquer lugar da página.

Fácil implementação

Basta copiar e colar o código no HTML do seu tema do Blogger.

Área de Teste

Esta demonstração simula o comportamento do pop-up. Ao recarregar a página e clicar nela pela primeira vez, um pop-up será aberto.

Pop-ups abertos nesta sessão: 0

Esta é uma demonstração de implementação de pop-up invisível para Blogger | Desenvolvido para você

terça-feira, 22 de junho de 2021

PROVA IFRJ 2016 - MÉDIO TÉCNICO INTEGRADO

 

PROVA EM PDF 👉      PROVA (PDF)

RESOLUÇÃO DAS QUESTÕES (YOUTUBE) 👇

Nenhum comentário:

Postar um comentário