Version en ligne

Tutoriel : Affichez le nombre de visiteurs connectés

Table des matières

Affichez le nombre de visiteurs connectés
Réalisation du compteur de connectés

Affichez le nombre de visiteurs connectés

Réalisation du compteur de connectés

En tant que webmaster, vous aimeriez certainement savoir combien de personnes sont connectées sur votre site.
Après tout, pourquoi pas, c'est tout à fait le genre de trucs qu'on peut faire en PHP. ^^

La bonne nouvelle, c'est que c'est assez simple à faire. Mais il faut bien en comprendre le fonctionnement, donc soyez attentifs à ce que je vais vous dire, parce que ça ne marche peut-être pas comme vous le pensez. ;)

Réalisation du compteur de connectés

Étape 1 : prérequis

Les prérequis pour ce script sont :

Voilà, c'est tout. :)

Hey mais attends, on ne sait pas comment récupérer l'adresse IP du visiteur, nous ! Alors comment on va faire ?

Pas de panique, c'est très simple. L'adresse IP de la personne qui visite la page se récupère grâce à ce qu'on appelle une variable superglobale. Ainsi, la variable $_SERVER['REMOTE_ADDR'] contiendra l'information recherchée : l'adresse IP du visiteur. Pour en savoir plus sur ces variables superglobales, je vous invite à lire la partie qui y est consacrée dans mon tutoriel sur PHP.

Étape 2 : préparation du script

C'est là qu'il faut bien m'écouter, parce que le fonctionnement de ce script est un peu particulier.
On va créer une table MySQL appelée "connectes", avec seulement 2 champs :

Voici donc ce que vous devriez avoir à la création de la table :

Image utilisateur

Vous remarquerez que, exceptionnellement, il n'y a pas de champ "id". Les cas où on n'a pas besoin de champ ID sont très rares, il faut le savoir. Ici, le script ne nous impose pas d'utiliser un ID, donc on n'en crée pas.

Lorsqu'elle sera en activité, votre table ressemblera à ça :

Image utilisateur

Vous voyez en fait la liste des personnes connectées sur votre site (représentées par leur adresse IP), et le timestamp qu'il était au moment où chaque personne a chargé une page sur votre site.

Maintenant, il va falloir que vous compreniez comment le script fonctionne, c'est très important. Dans l'ordre, nous allons faire ceci :

  1. À chaque fois qu'un visiteur charge une page de votre site, on regarde dans la table "connectes" si son IP est déjà inscrite. 2 cas sont possibles :

    • L'IP n'est pas dans la table : on crée une nouvelle entrée dans laquelle on met son adresse IP. On note en même temps l'heure (le timestamp) qu'il est.

    • L'IP est déjà dans la table : on ne crée pas de nouvelle entrée, on met simplement à jour le timestamp associé à son IP, pour indiquer l'heure à laquelle il vient de charger la dernière page.

  2. Ensuite, on regarde les autres adresses IP déjà enregistrées dans la table. On supprime toutes les IP qui ont été inscrites depuis plus de 5 minutes.

  3. Enfin, dernière étape (la plus simple), on compte toutes les adresses IP qui restent dans la table. Ce nombre, c'est le nombre de visiteurs actuellement connectés sur votre site ! Vous n'avez plus qu'à l'afficher !

Par exemple, sur le Site du Zéro, mon compteur de connectés ressemble à ça :

Image utilisateur

Étape 3 : à vous de jouer !

Voilà, je vous ai dévoilé le fonctionnement du script. Après, si vous l'appliquez correctement, vous allez voir (ô surprise !) que ça fonctionne ! :D

Un dernier détail tout de même : je vous conseille de taper ce script dans une page PHP appelée "connectes.php" qui ne contiendra que ça.
Ensuite, sur chaque page de votre site, vous inclurez la page "connectes.php" comme ceci pour faire marcher le compteur : <?php include('connectes.php'); ?>

Étape 4 : correction

Correction ?
Ce script est assez simple dans la mesure où je vous en ai détaillé le fonctionnement. Si vous appliquez ce que j'ai dit, cela ne peut que fonctionner !
Si par hasard vous avez bloqué sur un passage, ce n'est pas bien grave : le script est simple, et ce ne sont pas vos connaissances en PHP qui sont à remettre en cause. Vous avez simplement lu un peu rapidement les explications que je vous ai données plus haut. :p

Voici donc le script du nombre de visiteurs connectés :

<?php
// Connexion à MySQL
mysql_connect("localhost", "sdz", "mot_de_passe");
mysql_select_db("coursphp");

// -------
// ÉTAPE 1 : on vérifie si l'IP se trouve déjà dans la table.
// Pour faire ça, on n'a qu'à compter le nombre d'entrées dont le champ "ip" est l'adresse IP du visiteur.
$retour = mysql_query('SELECT COUNT(*) AS nbre_entrees FROM connectes WHERE ip=\'' . $_SERVER['REMOTE_ADDR'] . '\'');
$donnees = mysql_fetch_array($retour);

if ($donnees['nbre_entrees'] == 0) // L'IP ne se trouve pas dans la table, on va l'ajouter.
{
    mysql_query('INSERT INTO connectes VALUES(\'' . $_SERVER['REMOTE_ADDR'] . '\', ' . time() . ')');
}
else // L'IP se trouve déjà dans la table, on met juste à jour le timestamp.
{
    mysql_query('UPDATE connectes SET timestamp=' . time() . ' WHERE ip=\'' . $_SERVER['REMOTE_ADDR'] . '\'');
}

// -------
// ÉTAPE 2 : on supprime toutes les entrées dont le timestamp est plus vieux que 5 minutes.

// On stocke dans une variable le timestamp qu'il était il y a 5 minutes :
$timestamp_5min = time() - (60 * 5); // 60 * 5 = nombre de secondes écoulées en 5 minutes
mysql_query('DELETE FROM connectes WHERE timestamp < ' . $timestamp_5min);

// -------
// ÉTAPE 3 : on compte le nombre d'IP stockées dans la table. C'est le nombre de visiteurs connectés.
$retour = mysql_query('SELECT COUNT(*) AS nbre_entrees FROM connectes');
$donnees = mysql_fetch_array($retour);


// Ouf ! On n'a plus qu'à afficher le nombre de connectés !
echo '<p>Il y a actuellement ' . $donnees['nbre_entrees'] . ' visiteurs connectés sur mon site !</p>';
?>

Comme vous pouvez le voir, le script respecte strictement les étapes que je vous ai indiquées au début de ce TP.
Il y a seulement 2 points où il fallait un peu réfléchir (rien de bien méchant :p ). Voici quelques informations pour vous aider à les comprendre :

Étape 5 : améliorez ce script !

Là, je dois reconnaître que j'ai franchement pas beaucoup d'idées pour améliorer ce script. :euh:
Voici ce que je peux vous proposer, mais je vous préviens que ça n'a rien de très excitant :

Vous voyez, comme quoi, même avec un petit script comme celui-ci, on peut faire des tas de choses étonnantes. :lol:

J'espère que ce TP vous aura été utile, je pense que nombreux d'entre vous sont ceux qui souhaitaient avoir un tel compteur sur leur site !

Ah, et si vous rachetez Microsoft, soyez cool : pensez à moi, je ne dirais pas non si on m'offrait ne serait-ce qu'1% de l'entreprise. :p