Update: LightStat 3.0 : affichage du nombre de visiteurs en ligne

DarkLane

•

Samedi 8 Octobre 2022 10:59:25

246 Vues

•

3 Commentaires

Description Téléchargement

La nouvelle version du module multifonctionnel d'affichage des statistiques des visiteurs sur le site. Il affiche le nombre d'utilisateurs en ligne, d'invités et de robots.

Capacités :
- Mise à jour automatique des données sans recharger la page.
- Mise en cache des données.
- Conception adaptative.
- La base de données des robots de recherche a été élargie, contrairement à la version 2.0, ce qui rend les statistiques encore plus précises.
- Deux thèmes de widgets pour la conception de sites sombres et clairs. Le thème sombre est fourni par défaut.
- Comptabilisation des visiteurs actifs uniquement. Si pendant le temps spécifié une personne n'a montré aucune activité sur le site, par exemple, elle a laissé l'ordinateur pendant une longue période, alors elle est considérée comme absente. Lorsque l'activité reprend, elle est automatiquement incluse dans les statistiques, sans qu'il soit nécessaire de rafraîchir la page.
- Affichez tous les utilisateurs de votre site qui étaient sur le site le jour en cours dans une liste pratique. Par défaut, les 3 derniers utilisateurs sont affichés dans la liste, avec plus d'entre eux, un bouton spécial apparaît qui vous permet d'afficher la liste complète des personnes. Le tri s'effectue en fonction de l'heure de la dernière visite, du plus petit au plus grand. Le statut de l'utilisateur est également affiché ici, s'il est sur le site, et l'heure à laquelle il était sur le site pour la dernière fois, s'il n'était pas actif à l'heure spécifiée pour la collecte des statistiques.
- Une classe spéciale a été ajoutée pour les surnoms des utilisateurs. Cela dépend du groupe dans lequel il se trouve et vous permet de distinguer visuellement une personne des autres groupes. Une fonctionnalité utile pour marquer les administrateurs et les groupes avec des privilèges spéciaux sur un site.
- Correction de quelques inexactitudes dans le travail et la mise en page du module, qui se trouvaient dans les versions précédentes.

Installation:
1. Si la version précédente du module a déjà été installée, cette étape doit être ignorée. Si l'installation est effectuée pour la première fois, aleez dans administration/utilitaires/gestion des plugins et importez le fichier lightstats.xml

2. importer les dossiers et fichiers via votre FTP

3. Au bon endroit du modèle, ajoutez:

{include file="engine/modules/lightstat.php"}

4. Ajoutez au fichier style.css de votre thème:

Afficher / masquer le texte

/** Copyright (c) 2019 Artem Malcov | https://www.pandoge.com/moduli_i_skripty/modul-statistiki-lightstat-30-dlya-dle **/

.lightstat_main * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lightstat_main *:before, .lightstat_main *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lightstat_main {
	min-width: 230px;
	width: 100%;
	margin: 0 auto;
	font-family: arial;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	border-radius: 8px;
}

.lightstat_progress {
	width: 100%;
	padding: 0 10px;
}

.lightstat_progress span {
	height: 4px;
	display: block;
	float: left;
}

.lightstat_progress span:nth-of-type(1) {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.lightstat_progress span:nth-last-of-type(1) {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.lightstat_body {
	background: #242043;
	border-radius: 8px 8px 0 0;
	padding: 15px 0 1px 0;
}

.lightstat_body.border_none_user {
	border-radius: 8px;
}

.lightstat_body .result_numb div {
	padding: 0 10px 11px 10px;
	color: #bbb;
	font-size: 14px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
}

.lightstat_body .result_numb div span:nth-of-type(1) {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 99px;
	margin: 4px 10px 0 0;
	vertical-align: top;
	box-shadow: 0px -1px 1px rgba(0, 0, 0, .6);
}

.lightstat_body .result_numb div span:nth-of-type(2) {
	float: right;
	color: #fff;
}

.lightstat_body .result_numb .lightstat_user span:nth-of-type(1) {
	border: 2px solid #d9823b;
}

.lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) {
	border: 2px solid #a963b9;
}

.lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) {
	border: 2px solid #36a7a5;
}

.lightstat_user_circle {
	background: #d9823b;
}

.lightstat_guest_circle {
	background: #a963b9;
}

.lightstat_bot_circle {
	background: #36a7a5;
}

.lightstat_is {
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	padding: 18px 0 15px 28px;
	display: block;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
}

.lightstat_user_list {
	background: #fff;
	border-radius: 0 0 8px 8px;
	position: relative;
}

.lightstat_pandoge_com {
	width: 8px;
	height: 20px;
	position: relative; 
	background: #222;
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	transition: .2s;
}

.lightstat_pandoge_com:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 4px solid #d1d5d8;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.lightstat_pandoge_com:hover {
	height: 24px;
	transition: .2s;
}

.lightstat_user_list_title {
	color: #242043;
	font-size: 10px;
	text-transform: uppercase;
	padding: 18px 0 17px 28px;
	display: block;
	font-weight: 700;
}

.lightstat_user_list_item {
	padding: 0 10px 20px 10px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.lightstat_user_list_item a {
	text-decoration: none !important;
	color: #242043;
}

.lightstat_user_list_item_avatar {
	background-size: cover !important;
	border-radius: 99px;
	width: 34px;
	height: 34px;
	display: block;
}

.lightstat_user_list_item_avatar:hover {
	opacity: .8;
}

.lightstat_user_list_item_info {
	font-size: 12px;
	font-weight: 700;
	width: calc(100% - 34px);
	padding: 1px 0 0 10px;
}

.lightstat_user_list_item_info span {
	display: block;
	font-weight: 400;
	padding: 2px 0 0 0;
	color: #888;
}

.lightstat_user_list_item_info span.online {
	color: #0e8952;
}

.lightstat_user_list_item_info a:hover {
	text-decoration: underline !important;
}

.full_list_visit {
	margin: auto;
	color: #242043;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	font-weight: 700;
	width: 120px;
	text-align: center;
	background: #fff;
	border-radius: 99px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #888;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.full_list_visit:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}

.full_list_visit_bg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0 0 8px 8px;
	z-index: 2;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%);
	padding: 20px 0;
}

.lightstat_user_list_item {
	display: none;
}

.lightstat_user_list .lightstat_user_list_item:nth-of-type(1), .lightstat_user_list .lightstat_user_list_item:nth-of-type(2), .lightstat_user_list .lightstat_user_list_item:nth-of-type(3) {
	display: flex;
}

.lightstat_light_theme .lightstat_body {
	background: #f1f5f7;
}

.lightstat_light_theme .lightstat_body {
	background: #f1f5f7;
}

.lightstat_light_theme .lightstat_user_list_item a {
	color: #030304;
}

.lightstat_light_theme .lightstat_user_list_title {
	color: #030304;
}

.lightstat_light_theme .lightstat_body .result_numb div span:nth-of-type(2) {
	color: #283e52;
}

.lightstat_light_theme .lightstat_body .result_numb div {
	color: #030304;
	text-shadow: none;
}

.lightstat_light_theme .lightstat_is {
	text-shadow: none;
	color: #283e52;
}

.lightstat_light_theme .lightstat_body .result_numb .lightstat_user span:nth-of-type(1) {
	border: 2px solid #0bb1d6;
	box-shadow: none;
}

.lightstat_light_theme .lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) {
	border: 2px solid #ff6d00;
	box-shadow: none;
}

.lightstat_light_theme .lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) {
	border: 2px solid #345471;
	box-shadow: none;
}

.lightstat_light_theme .lightstat_user_circle {
	background: #0bb1d6;
}

.lightstat_light_theme .lightstat_guest_circle {
	background: #ff6d00;
}

.lightstat_light_theme .lightstat_bot_circle {
	background: #345471;
}

5. Effacez le cache dans le panneau de configuration du site.

Réglages:
- Modification du thème - si vous souhaitez activer le thème clair, utilisez le code suivant pour l'activer :

{include file="engine/modules/lightstat.php?theme_light=active"}

- Changer le type de connexion de l'utilisateur en fonction de son groupe - le style avec lequel cela peut être fait est inséré dans le fichier de style du modèle et ressemble à ceci:

.group_id_NUMB a {	
	/* Vos styles */	
}

Où " NUMB " est l' ID de groupe de l'utilisateur . Vous pouvez connaître les identifiants de vos groupes dans la rubrique Utilisateurs > Configurer des groupes d'utilisateurs .

• Auteur: Artem Málkov
• Version DLE: 13.x-15.x
• Encodage: utf-8

Les visiteurs du groupe Invités ne peuvent pas télécharger de fichiers sur le site.
Connectez-vous au site avec votre identifiant et mot de passe ou si vous êtes un nouvel utilisateur suivez le processus d'inscription sur le site.

Remerciement:

Ajouter un commentaire

Votre adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués *

Information

Les utilisateurs du Invités ne sont pas autorisés à ajouter des commentaires à cette publication.

Commentaires 3

Dimanche 23 Avril 2023 7:48:20

DarkLane

Vvlysov, Désolé je comprend pas ce tu demandes

Signaler

0

Dimanche 23 Avril 2023 2:29:24

Vvlysov

Quel est le code de gauche dans le plugin lui-même ?

Afficher / masquer le texte

	<file name="engine/modules/show.short.php">
		<operation action="after">
			<searchcode><![CDATA[$config['rating_type'] = $temp_rating;]]></searchcode>
			<replacecode><![CDATA[    $arr = $db->super_query( "SELECT * FROM " . USERPREFIX . "_users WHERE name = '{$row['autor']}'" );		
		
	if ( count(explode("@", $arr ['foto'])) == 2 ) {
		$tpl->set( '{gravatar}', $arr ['foto'] );	

		$tpl->set( '{foto}', 'https://www.gravatar.com/avatar/' . md5(trim($arr ['foto'])) . '?s=' . intval($user_group[$row['user_group']]['max_foto']) );
	
	} else {
	
		if( $arr ['foto'] ) {
			
			if (strpos($arr ['foto'], "//") === 0) $avatar = "http:".$arr ['foto']; else $avatar = $arr ['foto'];

			$avatar = @parse_url ( $avatar );

			if( $avatar['host'] ) {
				
				$tpl->set( '{foto}', $arr ['foto'] );
				
			} else $tpl->set( '{foto}', $config['http_home_url'] . "uploads/fotos/" . $arr ['foto'] );
			
		} else $tpl->set( '{foto}', "{THEME}/dleimages/noavatar.png" );

		$tpl->set( '{gravatar}', '' );
	}
	
	$tpl->set( '{group}', $user_group[$arr['user_group']]['group_prefix'].$user_group[$arr['user_group']]['group_name'].$user_group[$arr['user_group']]['group_suffix'] );]]></replacecode>
			<enabled>1</enabled>
		</operation>
	</file>
	<file name="engine/modules/show.full.php">
		<operation action="before">
			<searchcode><![CDATA[$tpl->set( '{login}', $row['autor'] );]]></searchcode>
			<replacecode><![CDATA[    $arr = $db->super_query( "SELECT * FROM " . USERPREFIX . "_users WHERE name = '{$row['autor']}'" );		
		
	if ( count(explode("@", $arr ['foto'])) == 2 ) {
		$tpl->set( '{gravatar}', $arr ['foto'] );	

		$tpl->set( '{foto}', 'https://www.gravatar.com/avatar/' . md5(trim($arr ['foto'])) . '?s=' . intval($user_group[$row['user_group']]['max_foto']) );
	
	} else {
	
		if( $arr ['foto'] ) {
			
			if (strpos($arr ['foto'], "//") === 0) $avatar = "http:".$arr ['foto']; else $avatar = $arr ['foto'];

			$avatar = @parse_url ( $avatar );

			if( $avatar['host'] ) {
				
				$tpl->set( '{foto}', $arr ['foto'] );
				
			} else $tpl->set( '{foto}', $config['http_home_url'] . "uploads/fotos/" . $arr ['foto'] );
			
		} else $tpl->set( '{foto}', "{THEME}/dleimages/noavatar.png" );

		$tpl->set( '{gravatar}', '' );
	}
	
	$tpl->set( '{group}', $user_group[$arr['user_group']]['group_prefix'].$user_group[$arr['user_group']]['group_name'].$user_group[$arr['user_group']]['group_suffix'] );]]></replacecode>

Signaler

Mardi 18 Octobre 2022 16:07:13

kingg

Je veux être vu par les invités
Comment puis-je le faire

I want it to appear in your guests,
how can I do it?

Signaler

0

Sondage important

Quel version DataLife utilisez vous?

De mon avis perso, depuis la version 16.0 de Dle, vous n'êtes pas obligé de mettre à jour votre version. Depuis Dle 18.x avec l'intégration de l'IA la mise à jour n'a plus d'intêrets!!

Vous n'avez pas encore de compte?