Aller au contenu
Communauté Zwii et Yocto
sylvainlelievre

Compteur de visites via php et svg

Messages recommandés

Bonjour,

Tout d'abord un grand bravo pour votre CMS et son suivi.

Mon objectif était de faire un compteur de visites indépendant et surtout sans rentrer dans le core de zwii, vues les très nombreuses mises à jour.

Le principe est le suivant :

Insérer sur la page du site ZWII (avec tinymce) une image avec un lien vers une page php (voir 2 - ).

Cette page php contient un compteur de visites et une image SVG contenant la valeur du compteur, c'est cette image qui est renvoyée et qui s'affichera sur votre page.

 

Rien d'original, mais si ça peut rendre service... On pourrait d'ailleurs avec ce principe renvoyer d'autres choses que la valeur d'un compteur !

 

1 - créer et uploader sur son site le fichier compteur.php suivant :

<?php
header('Content-type: image/svg+xml');

/*Compteur de visites*/
/*Compteur de visites (http://www.supportduweb.com/scripts_tutoriaux-code-source-65-php-compteur-de-visites-scripts-php.html) */
session_start();
if(file_exists('compteur_visites.txt'))
{
        $compteur_f = fopen('compteur_visites.txt', 'r+');
        $compte = fgets($compteur_f);
}
else
{
        $compteur_f = fopen('compteur_visites.txt', 'a+');
        $compte = 0;
}
if(!isset($_SESSION['compteur_de_visite']))
{
        $_SESSION['compteur_de_visite'] = 'visite';
        $compte++;
        fseek($compteur_f, 0);
        fputs($compteur_f, $compte);
}
fclose($compteur_f);

/*Retourne une image SVG contenant la valeur du compteur */
/*A FAIRE la mise en forme du text */

echo '<?xml version="1.0" encoding="utf-8"?>';

echo '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="30">
<text text-anchor="middle" fill="green" x="50%" y="100%" font-size="30" font-weight="normal" font-family="Oswald,Verdana, Arial, Helvetica">
'.$compte.'
</text>
</svg>
';
?>

 

 

2 - Sur la page d'accueil il ne reste plus qu'à insérer une "image" avec le bon lien, ce qui donnera en version source quelque chose comme ça :

<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://abcdefghjkl.fr/test/compteur.php" width="200" /></p>

 

Et hop ! tout a été copié par ci par là sur le web, merci aux contributeurs.

 

Et bonne année à toute l'équipe

 

Si vous voulez voir le rendu, c'est en bas de la page d'accueil du site https://www.halteauxmareesvertes.org

 

 

compteur.php

Modifié par sylvainlelievre
aspect visuel du code
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×