اخواني اريد تصميم عداد يسحب لي عدد الاشخاص الدي دخلو
الموقع
ماهو الكود المناسب اخواني لو سمحتو
كيف اضيف عداد للموقع
أنت لم تحدد هل تريد تنفيذ ذلك عن طريق PHP أم ماذا؟
على أي حال، لتصميم عداد يحسب عدد الأشخاص الذين دخلوا الموقع باستخدام PHP، بإمكانك استخدام المتغيرات والملفات لتتبع عدد الزوار وتحديثه بكل مرة يتم فيها الوصول إلى الموقع.
مثال:
- أنشئ ملفًا جديدًا بامتداد .php وسمّه مثلاً، counter.php.
- في ملف counter.php، ابدأ ببدء الجلسة باستخدام الدالة session_start() وثم قم بزيادة قيمة المتغير الخاص بالعداد بكل مرة يتم فيها الوصول إلى الملف.
<?php
session_start();
// تحقق مما إذا كان المتغير موجودًا في الجلسة
if (!isset($_SESSION['counter'])) {
// إعداد المتغير للقيمة الأولية
$_SESSION['counter'] = 1;
} else {
// زيادة قيمة المتغير بمقدار 1
$_SESSION['counter']++;
}
// عرض قيمة العداد
echo "عدد الأشخاص الذين دخلوا الموقع: " . $_SESSION['counter'];
?>
3- في صفحة الموقع التي تريد عرض العداد فيها، قم بتضمين ملف counter.php باستخدام تعليمة include() في المكان الذي ترغب في عرض العداد فيه.
<!DOCTYPE html>
<html>
<head>
<title>صفحة الموقع</title>
</head>
<body>
<h1>مرحبًا بك في الموقع!</h1>
<div>
<?php include('counter.php'); ?>
</div>
</body>
</html>
يمكنك استخدام Node.js كخادم ويب لإنشاء عداد زوار لصفحة الويب الخاصة بك. فيما يلي مثال بسيط يستخدم Node.js و Express لإنشاء خادم ويب يحتوي على عداد زوار:
1. قم بإنشاء ملف package.json بالأمر التالي في مجلد المشروع لإنشاء مشروع Node.js:
npm init -y
2. قم بتثبيت مكتبة Express بالأمر التالي:
npm install express --save
3. في ملف index.js، يمكنك إنشاء خادم ويب باستخدام Express وإضافة عداد زوار عن طريق تخزين العداد في متغير وزيادته في كل مرة يتم فيها الوصول إلى صفحة الويب. فيما يلي مثال بسيط:
const express = require('express');
const app = express();
let counter = 0;
app.get('/', (req, res) => {
counter++;
res.send(`You are visitor number ${counter}`);
});
app.listen(3000, () => {
console.log('Server started on port 3000');
});
في هذا المثال، تم إنشاء متغير counter وزيادته في كل مرة يتم فيها الوصول إلى صفحة الويب. تم استخدام app.get لإنشاء مسار للصفحة الرئيسية.
عند الوصول إلى هذه الصفحة، يتم زيادة العداد وإرجاع النص "You are visitor number X" باستخدام res.send. أخيراً، يتم استدعاء `app.listen` لتشغيل الخادم ويب على المنفذ 3000.
يمكنك تحسين هذا المثال عن طريق تخزين العداد في قاعدة البيانات.
بالإضافة للكود الموجود في التعليق السابق هناك خدمات جاهزة يمكن استخدامها لعمل عداد زوار موقعك:
- Google Analytics
هي أكثر الخيارات شيوعًا. تقوم بجمع مجموعة واسعة من بيانات الزوار وتحليلها وتقديمها في تقارير مفصلة. يمكنك إضافة شفرة JavaScript بسيطة في صفحاتك لجمع البيانات.
- Matomo (علامة تجارية قديمة Piwik)
هو بديل مفتوح المصدر لـ Google Analytics. يتم تثبيته على خادمك ويجمع البيانات عبر شفرة JavaScript. ويوفر تقاريرًا مفصلة.
- Statcounter
هي مجانية لمواقع بزيارات أقل من 5 مليون زائر شهريًا. سهلة الاستخدام، حيث يكفي وضع شيفرة JavaScript واحدة في صفحاتك.
- Clicky
الخيار الأخير هو Clicky، وهو علامة تجارية أخرى تقدم إحصائيات تتبع مماثلة. يمكن للزوار رؤية التقارير المباشرة بشكل تفاعلي.
لذلك، أنصحك باستخدام Google Analytics أو Matomo (Piwik) نظرًا لتقديمهما تقارير مفصلة جدًا عن حركة زوارك.
التعليقات