Rederecionar para uma "Splash Page" (só uma vez)

Todas as pessoas que navegam pela Internet sabem que as "splash pages" são extremamente angustiantes à navegação. Estas podem ser utilizadas para mostrar publicidade, ou dar a conhecer ao internauta alguma funcionalidade nova que o site possua.

No entanto a maioria destas páginas aparece todas as vezes que uma determinada pessoa vai visitar o site. O que lhe pode custar visitantes que nunca mais voltam!

Mas apesar disto existem situações em que uma "splash page" pode ser útil, se só mostrada uma vez!

Como vai funcionar isto então?

O utilizador já esteve alguma vez no site?

^{Sim: A pagina de splash não é mostrada e segue para a pagina de destino!}

^{Não: É redireccionado para a página de splash!}

Mas como vamos conseguir isto? Simples Cookies!

Como configurar?

Para conseguirmos implementar o cookie neste exemplo vamos utilizar uma fantástica livraria de Javascript chamada JQuery. Então a primeira coisa a fazer é incluir o JQuery no código do site. Seguido do fantástico plugin para o cookie!

_{Necessitará de realizar download do ficheiros jquery.js e cookie.js, pode-o fazer através dos sites acima ou registando-se neste site.}

javascript
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/cookie.js"></script>
<script type="text/javascript">
    $(function() {
        .... código....
    });
 
</script>
Nota: Pode ser necessário mudar o caminho para os scripts, depende de onde os colocar no seu servidor

E agora o código? Bem isto depende da funcionalidade que você que dar ao cookie,  mas seguindo o nosso exemplo o código ficaria algo do género:

javascript
$(function() {
    var NOME_COOKIE = 'pagina-splash';
 
    $go = $.cookie(NOME_COOKIE);
 
    if ($go == null) {
        $.cookie(NOME_COOKIE, 'umteste', { path: '/', expires: 6 });
 
        window.location = "/splash.php"
    }
    else {
    }
});
 

Explicação da função:

javascript
var NOME_COOKIE = 'pagina-splash';
 

 Nome do cookie que você deseja atribuir.

php
$go = $.cookie(NOME_COOKIE);
 

Se detectar o cookie no browser que está a abrir a página coloca $go difrente de null (o utilizador já esteve no site uma vez), não faz nada!

php
 if ($go == null) {
       $.cookie(NOME_COOKIE, 'umteste', { path: '/', expires: 6 });
 
        window.location = "/splash.php"
    } 

Não detectou um cookie no browser. Cria um cookie que expira no prazo de 6 dias [expires: 6] e  abre a pagina 'splash.php'

Download dos ficheiros referidos no artigo:

JQuery / Cookie Plugin

[JQuery Javascript / Cookie Plugin]

34 Kb

TrackBack URI for this entry

Rodrigo Novembro 04, 2008	Que jeitaço que me vai dar este artigo! Obrigado!