Disponibilizo abaixo uma suíte de aplicações Javascript que processa e imprime o IP, navegador, a versão do navegador e o Sistema Operacional do visitante; O Referer (URL de referência) e o domínio atual pelo qual o visitante está acessando o seu site.
O código é um Javascript simples, e para que ele possa funcionar corretamente no site é preciso incorporar o arquivo principal, adicionando a seguinte linha de código à sua página:
- Código: Seleccionar todos
<script type="text/javascript" src="http://codes.buscaweb.net.br/tools/suite/js.php"></script>
Todas as informações serão exibidas dentro de Divs com IDs pré-definidos pelo código.
Seguem os IDs e suas respectivas informações à serem exibidas ao público:
appbwip - Exibe o IP do visitante;
appbwb - Exibe o Navegador do visitante;
appbwvb - Exibe a versão do navegador do visitante;
appbwos - Mostra o Sistema Operacional do visitante;
appbwr - Mostra a URL de referência, ou seja, através de qual página o visitante entrou no site;
appbwd - Mostra o domínio atual acessado pelo visitante;
As divs devem ser criadas da seguinte maneira:
<div id="ID_DA_INFORMAÇÃO">Obtendo informação...</div>
Importante: você deve substituir a frase "ID_DA_INFORMAÇÃO", pelos IDs citados anteriormente destacados em vermelho.
Por fim, para exibir o IP do visitante, por exemplo, o código final ficará assim:
- Código: Seleccionar todos
<div id="appbwip">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<script type="text/javascript" src="http://codes.buscaweb.net.br/tools/suite/js.php"></script>
Para exibir o Sistema Operacional, o código final ficará assim:
- Código: Seleccionar todos
<div id="appbwos">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<script type="text/javascript" src="http://codes.buscaweb.net.br/tools/suite/js.php"></script>
E para exibir o navegador, por exemplo, fica assim:
- Código: Seleccionar todos
<div id="appbwb">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<script type="text/javascript" src="http://codes.buscaweb.net.br/tools/suite/js.php"></script>
Você ainda poderá personalizar a Div ao máximo. Além de que, se quiser, pode inserir uma frase como "Seu IP é: " antes da DIV, conforme o exemplo:
- Código: Seleccionar todos
<span>O seu IP é: </span>
<div id="appbwip">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<script type="text/javascript" src="http://codes.buscaweb.net.br/tools/suite/js.php"></script>
Você não precisa repetir a linha "<script type="text/javascript" src="http://codes.buscaweb.net.br/tools/suite/js.php"></script>" para exibir várias informações. Pode exibir vários itens carregando apenas uma vez este documento. Veja o exemplo:
- Código: Seleccionar todos
<span>O seu IP é: </span>
<div id="appbwip">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<br />
<span>Navegador:</span>
<div id="appbwb">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<br />
<span>Sistema Operacional:</span>
<div id="appbwos">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<br />
<span>Versão do navegador: </span>
<div id="appbwvb">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<br />
<span>URL de referência:</span>
<div id="appbwr">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<br />
<span>Domínio:</span>
<div id="appbwd">
<img src="http://codes.buscaweb.net.br/tools/img/ajax-loader.gif" border="0px" style="Width: 16px; Height: 16px; Vertical-align: middle;" />
</div>
<script type="text/javascript" src="http://codes.buscaweb.net.br/tools/suite/js.php"></script>
Todos os códigos devem ser inseridos através do icon HTML do editor.
Caso sinta dificuldades quanto à isto, consulte o ponto 3.2 do manual online sobre como inserir códigos HTML: http://sites.comunidades.net/manual3.2.php.
Obs.: Todos os códigos aqui inseridos foram testados e todos funcionaram de forma correta, sem erros.
Espero que tenham gostado.
Abraços.
