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

01 Julho 2008 Escrito por Gonçalo Martins

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.}

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:

$(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:

var NOME_COOKIE = 'pagina-splash';

Nome do cookie que você deseja atribuir.

$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!

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

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

Como vai funcionar isto então?

Como configurar?

Explicação da função:

Artigos Relacionados

Nuvem de Tags



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