Geo-Personalização
Personalize seu conteúdo com base na localização do visitante
O que é Geo-Personalização?
A personalização geográfica é uma ferramenta fornecida com sua conta Web-Stat que permite adaptar e personalizar automaticamente o conteúdo de seu site para a localização geográfica de um visitante ; há muitas razões pelas quais você pode querer fazer isso:
Evitar SPAM
Mostrar uma mensagem de GDPR compliance apenas para visitantes da UE e visitantes da UE
Target os produtos que você apresenta ao seu público
Personalize os banners que você exibe em seu site para que sejam exibidos apenas para visitantes de determinados estados ou países
Bloquear pessoas fora de sua área de vendas de acessar seu site (para reduzir solicitações de suporte inúteis, por exemplo)
A lista é longa, então vamos parar por aqui!
Aqui está o que um de nossos clientes tem a dizer sobre Web-Stat personalização geográfica:
S.J.Haenn
PopUpPortal.com
E aqui é o que outra cliente diz em seu próprio site
Quais são os requisitos ?
Para utilizar a Geo-personalização, duas condições devem ser atendidas:
Você precisa ter uma conta ou superior. Se necessário, você pode fazer o upgrade aqui.
Você precisa usar a ferramenta em seu próprio site. A personalização geográfica da sua conta funcionará apenas para o URL que você inseriu nas Configurações.
Como implemento a personalização geográfica?
Edite o HTML do seu site e coloque isso na seção <head>:
O script criará um objeto JavaScript global chamado GEO com os seguintes dados.
var GEO = {
"ip": "IP do visitante - exemplo: 74.244.143.12",
"country_code": "Código de país de 2 letras do visitante - exemplo: EUA (veja a lista aqui)",
"country_name": "Nome do país do visitante - exemplo: Estados Unidos",
"is_eu": "Se o visitante está se conectando da UE: 1 se estiver, 0 se não estiver",
"region": Nome da região/estado do visitante - exemplo: Carolina do Sul
"city": "Nome da cidade do visitante - exemplo: Charleston",
"post_code": "Código postal do visitante - exemplo: 29200",
"latitude": "Latitude aproximada do visitante - exemplo: 32.8255",
"longitude":"Longitude aproximada do visitante - exemplo: -79.968",
"isp": "ISP do visitante - exemplo: AT&T Internet",
"referer": "O referenciador da visita, se houver - exemplo: http://www.google.com",
"last_visit_time": "Carimbo de data e hora UNIX da visita anterior deste visitante, se houver",
"seconds_since_las_visit": "Número de segundos desde a última visita deste visitante, se houver",
"n_visits": "número de visitas deste visitante",
"error": "Qualquer erro, normalmente vazio."
}
Você pode então usar o objeto GEO na sua página para exibir conteúdo personalizado.
Exemplo 1
Imagine que você tem três anúncios de banner: um para a Califórnia (banner_ca.gif), um para o Texas (banner_tx.gif) e um para o resto do mundo (banner_generic.gif). Você quer exibir o banner do Texas para visitantes do Texas, o banner da Califórnia para visitantes da Califórnia, o banner genérico (banner_generic.gif) para qualquer outra pessoa nos EUA e nada para pessoas que não estejam nos EUA. Aqui estaria o código para adicionar à sua página no local onde você quer que o banner apareça:
<img src="" id="banner" alt="Banner Image" style="visibility:hidden;">
<script>
window.onload = function() {
if (typeof GEO === "undefined") {
return;
}
if (GEO.error) {
console.log("Web-Stat Geo-Customization script error: "+GEO.error);
}
if (GEO.country_code == 'US'){
if (GEO.region == 'California'){
updateBannerImage('banner_ca.gif');
}
else if (GEO.region == 'Texas'){
updateBannerImage('banner_tx.gif');
}
else{
updateBannerImage('banner_generic.gif');
}
}
else{
document.getElementById('banner').style.display = 'none';
}
};
function updateBannerImage(newSrc) {
var img = document.getElementById('banner');
img.style.visibility = 'hidden';
img.src = newSrc;
img.onload = function() {
img.style.visibility = 'visible';
};
}
</script>
Exemplo 2
Você deseja que seu site seja acessível apenas nos EUA, Canadá e Reino Unido. Você não vende em outros países e não quer que as pessoas escrevam para pedir seu produto quando você não pode atender seus pedidos
<script>
window.onload = function() {
if (typeof GEO === "undefined") {
return;
}
if (GEO.error) {
console.log("Web-Stat Geo-Customization script error: "+GEO.error);
}
if (GEO.country_code != 'US' && GEO.country_code != 'CA' && GEO.country_code != 'GB'){
alert('Sorry this site is only accessible from the USA, Canada and Great Britain');
window.location = 'https://www.wikipedia.com';
}
};
</script>
Exemplo 3
Exibir uma mensagem a todos os visitantes da UE para informá-los sobre o uso de cookies e/ou a coleta de endereços IP.
Observação: usamos armazenamento local para evitar que esta mensagem seja exibida várias vezes para o mesmo visitante.
<div id="gdpr_info_message" style="display:none;">>Insert here the message you wish to display to your visitors. This section goes anywhere you wish on your page</div>
<script>
window.onload = function() {
if (typeof GEO === "undefined") {
return;
}
if (GEO.error) {
console.log("Web-Stat Geo-Customization script error: "+GEO.error);
}
if (GEO.is_eu == '1'){
var gdpr_message_already_shown = localStorage.getItem(\gdpr_message_already_shown');
if (gdpr_message_already_shown != 'yes'){
document.getElementById("gdpr_info_message").style.display = 'block';
localStorage.setItem('gdpr_message_already_shown', 'yes');
}
}
};
</script>
Nota: ao usar Geo-Customizing, você precisa lembrar que as informações geográficas que usamos são derivadas de endereços IP. Embora façamos tudo para torná-las o mais precisas e completas possível, não podemos, por razões técnicas, ter uma taxa de precisão de 100%, então é possível que os dados contidos no array geo às vezes sejam incompletos ou imprecisos. Você precisa planejar essa possibilidade em seu aplicativo.
Precisa de ajuda? Tem perguntas? Escreva para nós e entraremos em contato com você imediatamente!
