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

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

PATROCINADORES

ARTIGOS RELACIONADOS

Trackback(0)

TrackBack URI for this entry



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

Escreva o seu Comentario

Gonçalo Martins

Freelancer, Fan de Desing, Praticante KickBoxing e Blogger nos tempos livres.

Ferramentas WebLouca: JSPacker | CSSPacker

Têm conhecimentos? Escreva um guest post! +info

Procuro pessoas que possam escrever artigos exclusivos, de forma a variar o estilo do conteúdo apresentado.
Não existe recompensa monetária, mas escrever um artigo de qualidade no WebLouca é uma excelente forma de:

- Se promover na Comunidade;
- Promover o seu blog, website ou negocio;
- Ajudar outros programadores e Designers;

Sinta-se livre para me contactar e expor as suas ideias.

Patrocinadores do Site

Subscrever Feed

Tens Talento?

^{- fechar caixa contacto -}

Considera escrever um guest post no weblouca!

Procuro pessoas que possam escrever artigos exclusivos, de forma a variar o estilo do conteudo apresentado.
Não existe recompensa monetaria, mas escrever um artigo de qualidade no WebLouca é uma exelente forma de:

- Se promover na Comunidade;
- Promover o seu blog, website ou negocio;
- Ajudar outros programadores e Designers;

Contacte-me e exponha-me as suas ideias.

^{- caixa contacto -}