Géo-personnalisation

Personnalisez le contenu de votre site web en fonction de la localisation des visiteurs

Qu'est ce que la Géo-personnalisation ?

La géo-personnalisation est un outil fourni avec votre compte Web-Stat qui vous permet d'adapter le contenu de votre page automatiquement à la provenance géographique de votre visiteur ; ceci permet par exemple :

  • empêcher le SPAM

  • show a GDPR compliance message to EU visitors and EU visitors only

  • ciblez les produits que vous présentez en fonction de votre audience

  • personnalisez les messages/images affichés sur votre site afin qu'ils ne soient montrés qu'aux visiteurs de certains pays

  • empêcher les gens en dehors de votre zone cible d'accéder à votre site (pour limiter les demandes de support inutile par exemple)

La liste est longue et nous nous arrêterons donc ici !

Voici ce que l'un de nos clients écrit concernant la Géo-personnalisation Web-Stat :

Thanks for your help on this. With the script you supplied I was able simply block the countries that I did not want to access my site. Since my site deals with camping and PopUp Campers, I blocked all countries that would not deal in those activities. I put up a nice screen that simply said “you can not access this site from your location”. This has blocked 90% of the spammer.
S.J.Haenn
PopUpPortal.com

Et ici les commentaires d'un autre client sur son propre site

Quelles sont les exigences ?

Pour utiliser la Géo-personnalisation, quatre conditions doivent etre remplies :

  1. Vous devez avoir un compte premium ; si nécessaire vous pouvez passer à la version premium depuis la barre de menu

  2. Votre site doit accepter le Javascript. Ceci est standard, mais certains blogs ou pages perso comme Myspace peuvent ne pas permettre l'utilisation de ce langage. Notez que les sites Wix n'acceptent pas le JavaScript. La géo-personnalisation ne peut donc pas être utilisée pour ces sites

  3. Vous devez connaitre le Javascript de base. Aucune connaissance poussée n'est nécessaire, mais vous aurez besoin d'un minimum de connaissances Javascript.

  4. Vous devez utiliser cet outil sur votre propre site. La géo-personalisation pour votre compte ne fonctionnera que pour le site dont vous avez entre l'adresse dans le panneau de configuration.

Comment mettre en place la Géo-Personnalisation ?

Une fois ces conditions realisées vous pouvez commencer à personnaliser votre contenu. La première chose a faire est d'ajouter un petit code JavaScript dans la section <head> de votre HTML :

<script language="JavaScript" src="https://wts.one/geo_detect.pl?al####:#">
</script>

Note : le caractère # doit etre remplacé par des chiffres spécifiques a votre compte. Ce code vous sera donné sur la page suivante.

Le script ci-dessus va créer une variable tableau JavaScript nommée geo. Ce tableau contient les données suivantes, qui peuvent ensuite être consultées avec JavaScript n'importe où sur votre page pour afficher le contenu approprié.

La variable geo est un tableau qui contient 10 éléments

  • geo[0]: code du pays en deux lettres - exemple : US (voir la liste ici)
  • geo[1]: Nom du pays - exemple : Etats-Unis
  • geo[2]: code de la region ou de l'état en deux lettres - exemple : SC pour l'etat de Caroline du Sud
  • geo[3]: nom région ou état - exemple : Caroline du Sud
  • geo[4]: nom ville - exemple : Charleston
  • geo[5]: code postal - exemple : 29200
  • geo[6]: latitude - exemple : 32.8255
  • geo[7]: longitude - exemple : -79.968
  • geo[8]: nom organisation propriétaire de l'IP - exemple : AT&T
  • geo[9]: IP du visiteur - example : 74.244.143.12
  • geo[10]: Nom de l'IP si disponible - par example : adsl-065-013-032-075.sip.mia.bellsouth.net (*) voir note ci-dessous
  • geo[11]: l'URL de l'affluent - par exemple : http://www.yahoo.com
  • geo[12]: Horodatage UNIX de la visite précédente pour ce visiteur
  • geo[13]: nombres de visites par ce visiteur
  • geo[14]: whether the visitor is connecting from the EU: 1 if he is, 0 if he is not

Vous pouvez ensuite utiliser ces éléments dans un petit script JavaScript pour afficher du contenu sur mesure.

(*) le dernier élément du tableau (nom IP) ne sera renvoyé que si vous ajoutez le suffixe :1 au code de géo-personalisation (la collecte de cette donnée supplémentaire rendra le chargement du code un peu plus lent) :

<script language="JavaScript" src="https://wts.one/geo_detect.pl?al####:#:1">
</script>

Important ! Lors de l'utilisation de la géo-personalisation, souvenez-vous que toutes les informations géographiques que nous utilisons sont derivées d'adresses IP. Nous faisons tout notre possible pour assurer la précision des ces informations, mais pour des raisons techniques il est impossible d'atteindre un taux de fiablilité de 100%, en conséquence, il est possible que les données contenues dans le tableau geo soient parfois incomplètes ou erronnées. Vous devez prendre en compte cette possibilité dans votre application.


exemple 1

Imaginez que vous avez deux bandeaux publicitaires : un pour la Californie (bandeau_ca.gif) et un pour le Texas (bandeau_tx.gif). Vous souhaitez afficher le bandeau du Texas pour les visiteurs qui viennent de cet état, le bandeau Californien pour les visiteurs de Californie, un bandeau générique (bandeau_generique.gif) pour le reste des visiteurs américains, et rien du tout pour les visiteurs non-américains. Voici le code à ajouter a votre page afin que le bandeau correct apparaisse :

<script language="JavaScript">
var geo = disp();
if (geo[0] == 'US'){
   if (geo[2] == 'CA'){
      document.write('<a href="http://site1.com"><img src="/banner_ca.gif"></a>');
   }
   else if (geo[2] == 'TX'){
      document.write('<a href="http://site2.com"><img src="/banner_tx.gif"></a>');
   }
   else {
      document.write('<a href="http://site3.com"><img src="/banner_generic.gif"></a>');
   }
}
</script>


exemple 2

Vous voulez que votre site soit accessible uniquement depuis les Etats-Unis, le Canada et le Royaume Uni. Vous ne vendez pas dans d'autres pays et vous ne voulez donc pas que des gens dont vous ne pourrez pas honorer les commandes vous écrivent avec des questions sur votre produit

<script language="JavaScript">
var geo = disp();
if (geo[0] != 'US' && geo[0] != 'CA' && geo[0] != 'GB'){
   alert('Sorry this site is only accessible from the USA, Canada and Great Britain');
   window.location = ('http://www.yahoo.com');
}
</script>


example 3

Afficher un message à tous les visiteurs de la CEE pour les informer de l'utilisation de cookies et/ou de la collecte d'adresses IP

Note: pour empêcher ce message d'être présenté plusieurs fois au même visiteur nous écrivons u cookie lors du premier affichage, puis nous lisons ce cookie quand le visiteur revient. Si le cookie existe, nous n'affichons pas le message à nouveau.

(...)
<div id="my_gdpr_info_message">Insert here the message you wish to display to your visitors. This section goes anywhere you wish on your page</div>
(...)
<script language="JavaScript">
var geo = disp();
if (geo[14] && ! getCookie("gdpr_info_message_shown")){
   document.getElementById("my_gdpr_info_message").style.display="block";
   document.cookie = "gdpr_info_message_shown=1; expires=Thu, 18 Dec 2113 12:00:00 UTC"; 
}

function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(";");
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == " ") {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}
</script>

Affichez le code de géo-personnalisation pour votre compte

Vous êtes maintenant prêt à utiliser la géo-personnalisation sur votre site. Veuillez entrer vos identifiants ci-dessous et nous vous donnerons le code exact à utiliser sur votre site

Voir Code