Designer Project | Designer Gráfico : Painel - Área Do Visitante

Siga-nos no Twitter:

Curta-nos no Facebook:

Dê um +1 no nosso Blog:

Painel - Área Do Visitante

Yo galera, hoje trago um tutorial muito bacana, é um painel de área do visitante todas as vezes que o seu visitante entrar no seu site irá aparecer uma pagina pedindo o nome dele e ficando na área do visitante com o nome, quantas vezes ele visitou, data e hora e o IP, mas fiquem tranquilos essas informações só aparecem para o visitante.

Veja o exemplo abaixo:

Vamos ao código:

Crie uma pagina Html/JavaScript e cole o código abaixo:

<center><div><img src="https://lh6.googleusercontent.com/-FaTuEJMeyac/TlSOicbYp2I/AAAAAAAAAGA/agZFL5V9eNQ/01.png" />  Área do visitante ( <a href="JavaScript:set()">?</a> )</div></center>

<p></p>

<script language = "JavaScript"> 
var expDays = 30;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function Who(info){
  var VisitorName = GetCookie('VisitorName')
  if (VisitorName == null) {
   VisitorName = prompt("Qual é seu nome");
   SetCookie ('VisitorName', VisitorName, exp);
  }
 return VisitorName;
}
function When(info){
      var rightNow = new Date()
  var WWHTime = 0;
  WWHTime = GetCookie('WWhenH')
  WWHTime = WWHTime * 1
  var lastHereFormatting = new Date(WWHTime);          var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
         var lastHereInDateFormat = "" + lastHereFormatting; 
         var dayOfWeek = lastHereInDateFormat.substring(0,3)
         var dateMonth = lastHereInDateFormat.substring(4,11)
         var timeOfDay = lastHereInDateFormat.substring(11,16)
         var year = lastHereInDateFormat.substring(23,25)
         var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay 
  SetCookie ("WWhenH", rightNow.getTime(), exp)
 return WWHText;
}
function Count(info){
  var WWHCount = GetCookie('WWHCount')
  if (WWHCount == null) {
   WWHCount = 0;
  }
  else{
   WWHCount++;
  }
  SetCookie ('WWHCount', WWHCount, exp);
 
 return WWHCount;
}
function set(){
 VisitorName = prompt("Olá seja bem vindo qual o seu nome?");
 SetCookie ('VisitorName', VisitorName, exp);
 SetCookie ('WWHCount', 0, exp);
 SetCookie ('WWhenH', 0, exp);
}
function getCookieVal (offset) {  
 var endstr = document.cookie.indexOf (";", offset);  
 if (endstr == -1)    
  endstr = document.cookie.length;  
  return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {  
 var arg = name + "=";  
 var alen = arg.length;  
 var clen = document.cookie.length;  
 var i = 0;  
 while (i < clen) {    
 var j = i + alen;    
 if (document.cookie.substring(i, j) == arg)      
  return getCookieVal (j);    
  i = document.cookie.indexOf(" ", i) + 1;    
  if (i == 0) break;   
 }  
 return null;
}
function SetCookie (name, value) {  
 var argv = SetCookie.arguments;  
 var argc = SetCookie.arguments.length;  
 var expires = (argc > 2) ? argv[2] : null;  
 var path = (argc > 3) ? argv[3] : null;  
 var domain = (argc > 4) ? argv[4] : null;  
 var secure = (argc > 5) ? argv[5] : false;  
 document.cookie = name + "=" + escape (value) + 
 ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
 ((path == null) ? "" : ("; path=" + path)) +  
 ((domain == null) ? "" : ("; domain=" + domain)) +    
 ((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {  
 var exp = new Date();  
 exp.setTime (exp.getTime() - 1);  
 var cval = GetCookie (name);  
 document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
</script> 
<script> 
 document.write("<b>Nome:</b> " + Who() + " <p></p><b>Esta é a:</b> " + Count() + "º</b> vez que nos visita")
</script>

<p></p>

<b>Hoje é:</b> <script language="JavaScript">
hoje = new Date()
dia = hoje.getDate()
dias = hoje.getDay()
mes = hoje.getMonth()
ano = hoje.getYear()
if (dia < 10)
dia = "0" + dia
if (ano < 2000)
ano = 1900 + ano
function NArray (n) 
{
this.length = n
}
NomeDiaWMOnline = new NArray(7)
NomeDiaWMOnline[0] = "Domingo"
NomeDiaWMOnline[1] = "Segunda-feira"
NomeDiaWMOnline[2] = "Terça-feira"
NomeDiaWMOnline[3] = "Quarta-feira"
NomeDiaWMOnline[4] = "Quinta-feira"
NomeDiaWMOnline[5] = "Sexta-feira"
NomeDiaWMOnline[6] = "Sábado"
NomeMesWMOnline = new NArray(12)
NomeMesWMOnline[0] = "janeiro"
NomeMesWMOnline[1] = "fevereiro"
NomeMesWMOnline[2] = "março"
NomeMesWMOnline[3] = "abril"
NomeMesWMOnline[4] = "maio"
NomeMesWMOnline[5] = "junho"
NomeMesWMOnline[6] = "julho"
NomeMesWMOnline[7] = "agosto"
NomeMesWMOnline[8] = "setembro"
NomeMesWMOnline[9] = "outubro"
NomeMesWMOnline[10] = "novembro"
NomeMesWMOnline[11] = "dezembro"
document.write (NomeDiaWMOnline[dias] + ", " + dia + " de " + NomeMesWMOnline[mes] + " de " + ano)
</script>

<p></p>

<b>São:</b> <span id="Clock">00:00:00</span>
<script language="JavaScript">

</script>

<p></p>

<a href="http://www.whatsmyip.us"  style="color:black;"><b></b></a><b>Seu IP é: </b><script type="text/javascript" src="http://www.whatsmyip.us/showipsimple.php"></script>

3 comentários:

DaNIeL 4 de novembro de 2012 às 07:25
Massa!!!Gostei!
ResponderExcluir
Respostas
DaNIeL 4 de novembro de 2012 às 07:25
talvez use no novo layout do meu site Daniel de Oliveira!
ResponderExcluir
Respostas
Ủlquiorra4 de novembro de 2012 às 07:33
Valeu cara, esse código é muito bom mesmo. Por interagir como visitante que ele é bacana.
ResponderExcluir
Respostas

Adicionar comentário

Assinar: Postar comentários (Atom)