1

Como faço para quando o usuário clicar em qualquer lugar do meu website abrir um site externo determinado em uma nova guia e com cookies para limitar a abertura do site determinado por tempo?

5
  • 4
    target='_blank' - já testaste isso?
    – Sergio
    24/05/2016 às 19:59
  • Denis o Guilherme adicionou "qualquer lugar da página" na descrição da pergunta. É isso que queres? ou é em links <a> que tens na página?
    – Sergio
    24/05/2016 às 20:18
  • @Sergio eu não adicionei a descrição da pergunta, eu copiei o conteudo da pergunta e coloquei no título, são as palavras do próprio AP =) 24/05/2016 às 20:21
  • @GuilhermeNascimento sim, verdade. Mas ainda não percebi se ele tem âncoras ou se quer fazer tudo com JavaScript.
    – Sergio
    24/05/2016 às 20:22
  • 1
    @GuilhermeNascimento achei que a resposta aqui é mais completa. Denis, é boa ideia esclarecer perguntas nos comentários. Para bem da pergunta, da tua aprendizagem e também do tipo de comunicação que queres ter com a comunidade.
    – Sergio
    24/05/2016 às 20:29

1 Resposta 1

7

Em resumo seria isto:

<script>
(function () {
    var isOpened = false;

    //Troque aqui pelo site desejado
    var siteUrl  = "http://www.google.com.br";

    document.addEventListener("click", function(){
        if (!isOpened) {
            isOpened = !!window.open(siteUrl, "_blank");
        }
    });
})();
</script>

Adiciona o evento click ao document., use window.open sem parametros de configuração de janela, criei uma variavel isOpened pra verificar se o pop-up já foi aberto, acaso tenha sido clicado então ignora os próximos cliques (também dá pra usar document.removeEventListener)

Nota [1]: Eu adicionei o !! na frente do window.open porque alguns plugins de bloqueio de popup bloqueiam até chamadas vindas de cliques, então window.open retorna null, assim você saberá se o popup foi aberto ou não.

Nota [2]: Usei uma função anonima pra isolar as variaveis do escopo global, assim evitando acidentes.

Limitar pop-up por tempo [extra]

O AP me solicitou uma funcionalidade extra, estou separado do contexto acima pois o código acima acredito que ajudará pessoas em especificas situações, neste caso o AP deseja limitar a cada 24 horas um click, ou seja abriu o pop-up uma vez só daqui 24 horas irá ocorrer novamente, mesmo que atualize a página.

Isto pode ser resolvido usando cookies, por exemplo:

<script>
//Função pra verificar se a janela foi já aberta hoje
function checkOpenPopupToday()
{
      return /(^|;\s)isopenedpopup=1(;|$)/.test(document.cookie);
}

//Função pra definir em horas que a janela foi aberta
function setOpenPopupToday(hours)
{
    var date = new Date();
    date.setTime(date.getTime() + (hours * 60 * 60 * 1000));
    document.cookie = "isopenedpopup=1; expires=" + date.toGMTString() + "; path=/";
}

(function () {
    //Troque aqui pelo site desejado
    var siteUrl  = "http://www.google.com.br";

    //Troque aqui pelo tempo em horas desejado para impedir que o popup abra neste intervalo
    var hours = 24;

    document.addEventListener("click", function()
    {
        //Verificar pelo cookie
        if (!checkOpenPopupToday())
        {
            //Verificar se o popup abriu com o clique
            if (!!window.open(siteUrl, "_blank"))
            {
                  //Se a janela foi aberta define o tempo para bloquear novas aberturas
                  setOpenPopupToday(hours);
            }
        }
    });
})();
</script>
5
  • 1
    Obrigado era isso mesmo!
    – denis
    24/05/2016 às 20:25
  • Mais uma coisa se quiser limitar 1 click a cada 24 horas como seria?
    – denis
    24/05/2016 às 20:27
  • @denis Pode-se utilizar uma lógica usando cookies.
    – Matheus
    24/05/2016 às 20:28
  • @denis editei a resposta com um exemplo usando cookies 24/05/2016 às 20:47
  • @GuilhermeNascimento ok obrigado vou editar a pergunta
    – denis
    24/05/2016 às 23:19

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .