لوحة تحكم التحليلات
ابتداءً من 39.00 US$
قالب لوحة تحكم داكنة لتحليلات المواقع والمنتجات بلغات HTML وCSS وJavaScript، يضم ثمانية تقارير ومنتقي فترات مع المقارنة ومسارات التحويل وخريطة حرارية للاحتفاظ ومستكشف أحداث واختصارات لوحة المفاتيح. يعمل ببيانات تجريبية محاكاة، وواجهته باللغة الإنجليزية.
- دفع آمن عبر PayPal
- تسليم رقمي فوري
- ترخيص واضح
- الدعم متاح
نظرة عامة
قالب لوحة تحكم لتحليلات المواقع والمنتجات بأسلوب «المرصد» الداكن، مبني بلغات HTML وCSS وJavaScript دون أي إطار عمل ودون خطوة بناء.
هذا قالب واجهة أمامية يعمل ببيانات تجريبية محاكاة. لا يتتبع الزوار ولا يجمع أي بيانات ولا يتصل بأي خادم، ولا يحتوي على خادم خلفي أو سكربت تتبع أو تسجيل دخول أو بريد إلكتروني. جميع الأرقام وهمية وتُولَّد داخل المتصفح. عدّاد «الزوار الآن» وسجل الأحداث المباشر محاكاة محلية وليسا زيارات حقيقية. النماذج (الملاحظات على الرسوم، ومسارات التحويل المحفوظة، وعوامل التصفية حسب الخصائص) لا ترسل أي شيء، وتُحفظ فقط في التخزين المحلي (localStorage) لمتصفحك. يمكنك ربط مصدر بياناتك الخاص من خلال طبقة بيانات واحدة مبنية على Promises (AD.api).
التقارير
- نظرة عامة: ستة مؤشرات رئيسية مع رسوم مصغّرة، والزيارات عبر الزمن مع المقارنة والملاحظات، والقنوات، وأهم الصفحات، والأجهزة، ومسار التحويل، والاحتفاظ، وخريطة الدول
- الوقت الفعلي (محاكاة): الزوار في آخر 30 دقيقة، ومشاهدات الصفحات في الدقيقة، وخريطة الزوار النشطين وسجل الأحداث، مع إمكانية الإيقاف المؤقت
- مصادر الزيارات: توزيع القنوات، ورسم تراكمي أو نسبي، ورسوم صغيرة متعددة، والقنوات والمصادر والحملات
- مسارات التحويل: مسارات جاهزة وأداة لبناء مسار جديد، والتحويل والتسرب في كل خطوة، والتقسيم حسب الشرائح، والوقت حتى التحويل
- الاحتفاظ: خريطة حرارية للمجموعات أسبوعيًا أو شهريًا، ومنحنى متوسط الاحتفاظ، وأحجام المجموعات
- الصفحات: جميع الصفحات وصفحات الدخول والخروج، مع لوحة تفاصيل لكل صفحة
- الأحداث: أنواع الأحداث وحجمها، وسجل أحداث قابل للتصفية، ولوحة تفاصيل لكل حدث
- الأجهزة والمواقع الجغرافية: خريطة العالم، والدول، والأجهزة، وأنظمة التشغيل، والمتصفحات، والمدن، ومقاسات الشاشات
التصميم
لوحات شبه سوداء بحدود رفيعة بعرض 1px، وسلاسل بيانات بلونين سماوي وأرجواني لامعين، وأرقام بخط أحادي المسافة متساوي العرض، وشبكة كثيفة من اللوحات الصغيرة. يتوفر أيضًا مظهر فاتح، والتصميم متجاوب من الهواتف إلى الشاشات العريضة.
واجهة القالب باللغة الإنجليزية.
ما الذي يتضمنه
- ملفات المنتج كاملة (ZIP)
اللغات
وصف المنتج وتفاصيله متوفرة بهذه اللغات.
المزايا
- ثماني صفحات تقارير: نظرة عامة، والوقت الفعلي، ومصادر الزيارات، ومسارات التحويل، والاحتفاظ، والصفحات، والأحداث، والأجهزة والمواقع الجغرافية
- منتقي فترات زمنية بتسعة خيارات جاهزة وتقويم لشهرين وإدخال التواريخ يدويًا مع التحقق منها
- مقارنة مع الفترة السابقة أو الفترة نفسها من العام الماضي أو فترة مخصصة
- عدّاد الزوار الآن وأعمدة الدقائق والخريطة وسجل الأحداث، وكلها محاكاة محلية داخل المتصفح
- قنوات الزيارات مع مقياس التوزيع ورسم تراكمي أو نسبي ورسوم صغيرة متعددة والمصادر والحملات
- رسم مسار التحويل مع نسب التسرب والمقارنة وأداة لبناء المسارات (تُحفظ في التخزين المحلي)
- خريطة حرارية لاحتفاظ المجموعات (أسبوعيًا أو شهريًا، بالنسبة أو بعدد الأشخاص) مع التنقل بلوحة المفاتيح
- أهم الصفحات وصفحات الدخول والخروج مع البحث والفرز والتقسيم إلى صفحات ولوحة تفاصيل
- مستكشف أحداث مع البحث والتصفية حسب الخصائص وحسب المستخدم والتقسيم إلى صفحات وعرض التفاصيل بصيغة JSON
- تقسيم حسب الجهاز ونظام التشغيل والمتصفح وعرض الشاشة والدولة والمدينة مع خريطة عالم نقطية
- عوامل تصفية حسب القناة والجهاز والدولة تظهر كشارات وتُحفظ في رابط الصفحة (URL)
- لوحة أوامر (Ctrl/Cmd K) واختصارات لوحة المفاتيح، منها التنقل بحرف G ثم حرف الصفحة
- ملاحظات على الرسوم البيانية (إصدار، حملة، عطل، أخرى) تُحفظ في المتصفح
- عرض جدولي لكل رسم بياني وتنزيل كل جدول بصيغة CSV
- مظهران داكن وفاتح، ويتذكر المتصفح اختيارك
- تصميم متجاوب من الهواتف بعرض 390 بكسل إلى الشاشات العريضة
- أساسيات إمكانية الوصول: معالم الصفحة، وعناصر تحكم مسماة، وتركيز ظاهر، وتباين AA، ودعم تقليل الحركة
- بيانات تجريبية محاكاة تتكرر بالقيم نفسها في كل تحميل وطبقة بيانات مبنية على Promises لربط مصدر بياناتك
- بلا خطوة بناء: يعمل بفتح ملف index.html أو من أي استضافة ثابتة
- خطوط وأيقونات مضمّنة بتراخيص مفتوحة (Instrument Sans وMartian Mono) دون أي طلبات خارجية
المتطلبات
متصفح حديث (Chrome أو Edge أو Firefox أو Safari، إصدار 2023 أو أحدث). لا يحتاج إلى خادم أو أدوات بناء أو Node.js أو مدير حزم، ويمكن اختياريًا استخدام أي استضافة ثابتة. القالب واجهة أمامية فقط ويعمل ببيانات تجريبية محاكاة، ويتطلب ربط بيانات تحليلات حقيقية خادمًا خلفيًا أو واجهة برمجية خاصة بك.
التوافق
HTML5 وCSS وJavaScript عادية (سكربتات تقليدية دون وحدات). يعمل من الملفات المحلية (file://) ومن أي استضافة ثابتة مثل Netlify وVercel وCloudflare Pages وGitHub Pages وS3 وApache وNginx. متجاوب من عرض 390 بكسل حتى الشاشات العريضة. أُجريت الاختبارات الآلية على Chromium، وجرى فحص اللوحة أيضًا في Firefox وفي محرك WebKit الذي يعتمد عليه Safari. الواجهة باللغة الإنجليزية.
التثبيت
- نزّل الملف
analytics-dashboard-1.0.0.zipوفك ضغطه. - افتح المجلد
analytics-dashboardوانقر نقرًا مزدوجًا علىindex.html، فتفتح لوحة التحكم بالبيانات التجريبية. - اختياريًا: شغّل المجلد من أي خادم ثابت، مثل الأمر
python3 -m http.server 8080داخل المجلد، ثم افتحhttp://localhost:8080. - للنشر، ارفع المجلد إلى أي استضافة ثابتة. لا حاجة إلى شيفرة خادم أو متغيرات بيئة.
راجع الملف README.md داخل الحزمة للتفاصيل الكاملة (باللغة الإنجليزية).
دليل الاستخدام
جميع البيانات تجريبية ومحاكاة. لا يتتبع القالب أي شيء ولا يجمعه ولا يرسله، وعدّاد الزوار الآن محاكاة داخل متصفحك.
- تغيير الفترة: انقر على الفترة الزمنية في الأعلى أو اضغط D. اختر فترة جاهزة (المفاتيح 1–9)، أو انقر على يومين في التقويم، أو اكتب تاريخي البداية والنهاية. فعّل المقارنة أو أوقفها بالمفتاح C.
- التصفية: اضغط F أو انقر على Filter للتصفية حسب القناة أو الجهاز أو الدولة. احذف الشارة لإزالة عامل التصفية، أو اضغط X لإزالة جميع عوامل التصفية.
- التنقل: استخدم الشريط الجانبي أو لوحة الأوامر (Ctrl K / ⌘ K) أو اضغط G ثم حرف الصفحة (O وR وA وF وC وP وE وD). اضغط ? لعرض جميع الاختصارات.
- قراءة الرسوم: مرّر المؤشر فوق الرسم أو انتقل إليه بلوحة المفاتيح لعرض التلميحات. يعرض زر الجدول البيانات نفسها في جدول، ويحفظ زر التنزيل ملف CSV.
- الملاحظات ومسارات التحويل: أضف ملاحظة بالمفتاح N، وأنشئ مسارًا من صفحة Funnels ثم New funnel. هذه النماذج لا ترسل أي شيء، وتُحفظ في متصفحك فقط.
- المظهر: اضغط T للتبديل بين الداكن والفاتح.
- التخصيص: عدّل الملف
assets/js/config.jsللأسماء والإعدادات الافتراضية، ومتغيرات CSS في أعلىassets/css/app.cssللألوان. - ربط بياناتك: استبدل دوال
AD.apiفي الملفassets/js/data.jsباستدعاءات لواجهتك البرمجية، وكل دالة تعيد وعدًا (Promise). - إعادة الضبط: من قائمة الحساب اختر Reset demo data لمسح الإعدادات المحفوظة.
الترخيص
| شخصي39.00 US$ | تجاري49.00 US$ | ممتد199.00 US$ | |
|---|---|---|---|
| عدد المشاريع | 1 | 5 | غير محدود |
| عدد المستخدمين أو المواقع | 1 | 1 | 5 |
| الاستخدام التجاري | غير مسموح | مسموح | مسموح |
| التعديل | مسموح | مسموح | مسموح |
| إعادة البيع | غير مسموح | غير مسموح | غير مسموح |
| إعادة التوزيع | غير مسموح | غير مسموح | غير مسموح |
| التحديثات | 12 شهرًا | 12 شهرًا | مدى الحياة |
| مدة الدعم | 6 أشهر | 12 شهرًا | 12 شهرًا |
| مفتاح ترخيص | نعم | نعم | نعم |
ادفع عبر PayPal أو ببطاقة خصم أو ائتمان. نرسل لك المنتج بعد تأكيد الدفع.
الدعم والتحديثات
تقدم TowerCaty الدعم للأسئلة المتعلقة بتثبيت القالب وتخصيصه. تواصل معنا عبر البيانات الواردة في رسالة الطلب أو في صفحة هذا المنتج، واذكر اسم المنتج والإصدار والمتصفح مع لقطة شاشة. لا يشمل الدعم بناء خادم خلفي أو ربط خدمة تحليلات معينة.
سجل التغييرات
1.0.0
- الإصدار 1.0.0: أول إصدار في المتجر.
آخر تحديث
- آخر تحديث
- 06/10/2026
- الإصدار
- 1.0.0
