سياسة ملفات تعريف الارتباط - dhamizez/title> <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📊</text></svg>"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700&display=swap" rel="stylesheet"> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { fontFamily: { 'header': ['Aref Ruqaa', 'serif'], 'body': ['IBM Plex Sans Arabic', 'sans-serif'], 'caption': ['Tajawal', 'sans-serif'] }, colors: { 'audit-blue': '#2C3E8C', 'compliance-gold': '#D4AF37', 'form-white': '#FAFAFA', 'filed-green': '#32CD32', 'tax-navy': '#1A1A40', 'document-gray': '#606060' } } } } </script> <style> html { scroll-behavior: smooth; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'IBM Plex Sans Arabic', sans-serif; background: #FFFFFF; color: #1A1A40; } .toggle-switch { position: relative; width: 50px; height: 24px; } .toggle-switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.3s; border-radius: 24px; } .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: 0.3s; border-radius: 50%; } input:checked + .slider { background-color: #32CD32; } input:checked + .slider:before { transform: translateX(26px); } input:disabled + .slider { cursor: not-allowed; opacity: 0.6; } .notification { position: fixed; bottom: 20px; right: 20px; background: #32CD32; color: white; padding: 16px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); opacity: 0; transition: opacity 0.3s; z-index: 1000; } .notification.show { opacity: 1; } </style> </head> <body> <header class="bg-white shadow-md"> <div class="container mx-auto px-4 py-4"> <div class="flex justify-between items-center"> <a href="./" class="flex items-center gap-3"> <i class="fas fa-calculator text-3xl text-audit-blue"></i> <span class="text-2xl font-header font-bold text-audit-blue">dhamizez/span> </a> <a href="./#contact" class="bg-audit-blue text-white px-6 py-2 rounded-lg hover:bg-opacity-90 transition-all font-body"> تواصل معنا </a> </div> </div> </header> <main class="py-12"> <div class="container mx-auto px-4 max-w-4xl"> <h1 class="text-4xl font-header font-bold text-tax-navy mb-4">سياسة ملفات تعريف الارتباط</h1> <p class="text-document-gray font-caption mb-8">آخر تحديث: 28 يناير 2026</p> <div class="space-y-8 font-body text-document-gray leading-relaxed"> <section> <h2 class="text-2xl font-header font-bold text-tax-navy mb-4">ما هي ملفات تعريف الارتباط؟</h2> <p class="mb-4"> ملفات تعريف الارتباط (Cookies) هي ملفات نصية صغيرة يتم تخزينها على جهازك عند زيارة موقع إلكتروني. تُستخدم على نطاق واسع لتشغيل المواقع بكفاءة أكبر وتوفير معلومات لأصحاب المواقع. </p> <p> تساعد ملفات تعريف الارتباط المواقع على تذكر إعداداتك وتفضيلاتك، مما يحسن تجربة التصفح الخاصة بك. بعضها ضروري لعمل الموقع الأساسي، بينما يساعد البعض الآخر في تحسين الأداء وتخصيص المحتوى. </p> </section> <section> <h2 class="text-2xl font-header font-bold text-tax-navy mb-4">أنواع ملفات تعريف الارتباط التي نستخدمها</h2> <div class="space-y-6"> <div class="bg-form-white rounded-lg p-6"> <h3 class="text-xl font-header font-bold text-tax-navy mb-3">ملفات تعريف الارتباط الأساسية</h3> <p class="mb-3"> هذه الملفات ضرورية لتشغيل موقعنا. بدونها، لن تعمل بعض أجزاء الموقع بشكل صحيح. لا يمكن تعطيلها. </p> <p class="text-sm"> <strong>الأمثلة:</strong> ملفات إدارة الجلسة، ملفات الأمان، ملفات تخزين التفضيلات الأساسية. </p> </div> <div class="bg-form-white rounded-lg p-6"> <h3 class="text-xl font-header font-bold text-tax-navy mb-3">ملفات تعريف الارتباط التحليلية</h3> <p class="mb-3"> تساعدنا في فهم كيفية تفاعل الزوار مع موقعنا من خلال جمع معلومات حول الصفحات المزارة والأخطاء المواجهة ومصادر الزيارة. </p> <p class="text-sm"> <strong>الأمثلة:</strong> Google Analytics - لفهم أنماط استخدام الموقع وتحسين الأداء. </p> </div> <div class="bg-form-white rounded-lg p-6"> <h3 class="text-xl font-header font-bold text-tax-navy mb-3">ملفات تعريف الارتباط التسويقية</h3> <p class="mb-3"> تُستخدم لتتبع الزوار عبر المواقع الإلكترونية لعرض إعلانات ذات صلة بهم. قد تُستخدم أيضاً للحد من عدد مرات عرض الإعلان. </p> <p class="text-sm"> <strong>الأمثلة:</strong> ملفات تتبع الإعلانات من منصات التواصل الاجتماعي، ملفات إعلانات Google. </p> </div> <div class="bg-form-white rounded-lg p-6"> <h3 class="text-xl font-header font-bold text-tax-navy mb-3">ملفات تعريف الارتباط للتفضيلات</h3> <p class="mb-3"> تسمح للموقع بتذكر المعلومات التي تغير طريقة تصرف الموقع أو مظهره، مثل لغتك المفضلة أو المنطقة التي تتواجد فيها. </p> <p class="text-sm"> <strong>الأمثلة:</strong> تفضيلات اللغة، إعدادات العرض، خيارات إمكانية الوصول. </p> </div> </div> </section> <section class="bg-gradient-to-br from-audit-blue to-compliance-gold p-8 rounded-lg text-white"> <h2 class="text-2xl font-header font-bold mb-6">إدارة تفضيلاتك لملفات تعريف الارتباط</h2> <p class="mb-6 opacity-90"> يمكنك التحكم في ملفات تعريف الارتباط التي نستخدمها من خلال التبديلات أدناه. تذكر أن تعطيل بعض الأنواع قد يؤثر على تجربتك في استخدام الموقع. </p> <div class="space-y-4 bg-white text-tax-navy rounded-lg p-6"> <div class="flex items-center justify-between py-3 border-b border-gray-200"> <div class="flex-1"> <h4 class="font-header font-bold mb-1">ملفات تعريف الارتباط الأساسية</h4> <p class="text-sm text-document-gray">مطلوبة لعمل الموقع - لا يمكن تعطيلها</p> </div> <div class="toggle-switch"> <input type="checkbox" id="essentialCookies" checked="" disabled=""> <span class="slider"></span> </div> </div> <div class="flex items-center justify-between py-3 border-b border-gray-200"> <div class="flex-1"> <h4 class="font-header font-bold mb-1">ملفات تعريف الارتباط التحليلية</h4> <p class="text-sm text-document-gray">تساعدنا في تحسين موقعنا وخدماتنا</p> </div> <div class="toggle-switch"> <input type="checkbox" id="analyticsCookies"> <span class="slider"></span> </div> </div> <div class="flex items-center justify-between py-3 border-b border-gray-200"> <div class="flex-1"> <h4 class="font-header font-bold mb-1">ملفات تعريف الارتباط التسويقية</h4> <p class="text-sm text-document-gray">لعرض إعلانات ذات صلة بك</p> </div> <div class="toggle-switch"> <input type="checkbox" id="marketingCookies"> <span class="slider"></span> </div> </div> <div class="flex items-center justify-between py-3"> <div class="flex-1"> <h4 class="font-header font-bold mb-1">ملفات تعريف الارتباط للتفضيلات</h4> <p class="text-sm text-document-gray">لتذكر إعداداتك وتفضيلاتك</p> </div> <div class="toggle-switch"> <input type="checkbox" id="preferencesCookies"> <span class="slider"></span> </div> </div> <div class="flex gap-3 pt-4"> <button id="savePreferences" class="flex-1 bg-audit-blue text-white px-6 py-3 rounded-lg hover:bg-opacity-90 transition-all font-header"> حفظ التفضيلات </button> <button id="acceptAll" class="flex-1 bg-filed-green text-white px-6 py-3 rounded-lg hover:bg-opacity-90 transition-all font-header"> قبول الكل </button> <button id="rejectAll" class="flex-1 bg-document-gray text-white px-6 py-3 rounded-lg hover:bg-opacity-90 transition-all font-header"> رفض الكل </button> </div> </div> </section> <section> <h2 class="text-2xl font-header font-bold text-tax-navy mb-4">مدة ملفات تعريف الارتباط</h2> <p class="mb-4">نستخدم نوعين من ملفات تعريف الارتباط:</p> <ul class="list-disc list-inside space-y-2 mr-6"> <li><strong>ملفات تعريف الارتباط للجلسة:</strong> تُحذف تلقائياً عند إغلاق متصفحك</li> <li><strong>ملفات تعريف الارتباط الدائمة:</strong> تبقى على جهازك لفترة محددة أو حتى تحذفها</li> </ul> </section> <section> <h2 class="text-2xl font-header font-bold text-tax-navy mb-4">إدارة ملفات تعريف الارتباط في متصفحك</h2> <p class="mb-4"> يمكنك أيضاً التحكم في ملفات تعريف الارتباط من خلال إعدادات متصفحك. فيما يلي روابط لإرشادات المتصفحات الشائعة: </p> <div class="space-y-3"> <div class="bg-form-white rounded-lg p-4"> <h4 class="font-header font-bold text-tax-navy mb-2">Google Chrome</h4> <p class="text-sm">الإعدادات → الخصوصية والأمان → ملفات تعريف الارتباط وبيانات المواقع الأخرى</p> </div> <div class="bg-form-white rounded-lg p-4"> <h4 class="font-header font-bold text-tax-navy mb-2">Mozilla Firefox</h4> <p class="text-sm">الخيارات → الخصوصية والأمان → ملفات تعريف الارتباط وبيانات المواقع</p> </div> <div class="bg-form-white rounded-lg p-4"> <h4 class="font-header font-bold text-tax-navy mb-2">Safari</h4> <p class="text-sm">التفضيلات → الخصوصية → إدارة بيانات الموقع</p> </div> <div class="bg-form-white rounded-lg p-4"> <h4 class="font-header font-bold text-tax-navy mb-2">Microsoft Edge</h4> <p class="text-sm">الإعدادات → ملفات تعريف الارتباط وأذونات الموقع → إدارة ملفات تعريف الارتباط</p> </div> </div> </section> <section> <h2 class="text-2xl font-header font-bold text-tax-navy mb-4">حقوقك</h2> <ul class="list-disc list-inside space-y-2 mr-6"> <li>لديك الحق في سحب موافقتك على استخدام ملفات تعريف الارتباط في أي وقت</li> <li>يمكنك اختيار حذف جميع ملفات تعريف الارتباط من متصفحك</li> <li>تعطيل ملفات تعريف الارتباط قد يؤثر على وظائف الموقع</li> </ul> </section> <section> <h2 class="text-2xl font-header font-bold text-tax-navy mb-4">الاتصال بنا</h2> <p class="mb-4"> إذا كانت لديك أي أسئلة حول استخدامنا لملفات تعريف الارتباط، يرجى الاتصال بنا: </p> <div class="bg-form-white rounded-lg p-6"> <p class="mb-2"><strong>dhamizez/strong></p> <p class="mb-2">البريد الإلكتروني: privacy@dhamizezi.biz</p> <p dir="ltr">الهاتف: +971 4 285 3691</p> </div> </section> </div> </div> </main> <footer class="bg-white border-t border-gray-200 py-8 mt-12"> <div class="container mx-auto px-4"> <div class="flex flex-col md:flex-row justify-between items-center gap-4"> <div class="flex items-center gap-3"> <i class="fas fa-calculator text-2xl text-audit-blue"></i> <span class="text-xl font-header font-bold text-audit-blue">dhamizez/span> </div> <div class="flex flex-wrap justify-center gap-6 font-body text-sm"> <a href="./" class="text-document-gray hover:text-audit-blue transition-colors">الرئيسية</a> <a href="./privacy-policy.html" class="text-document-gray hover:text-audit-blue transition-colors">سياسة الخصوصية</a> <a href="./terms-conditions.html" class="text-document-gray hover:text-audit-blue transition-colors">الشروط والأحكام</a> <a href="./cookie-policy.html" class="text-audit-blue font-semibold">سياسة ملفات تعريف الارتباط</a> </div> <p class="text-sm text-document-gray font-caption"> © 2026 ضمان كونسل. جميع الحقوق محفوظة. </p> </div> </div> </footer> <div id="notification" class="notification"> <i class="fas fa-check-circle ml-2"></i> تم حفظ تفضيلاتك بنجاح </div> <script> (() => { const loadPreferences = () => { try { const consent = localStorage.getItem('cookieConsent'); if (consent) { const prefs = JSON.parse(consent); document.getElementById('analyticsCookies').checked = prefs.analytics || false; document.getElementById('marketingCookies').checked = prefs.marketing || false; document.getElementById('preferencesCookies').checked = prefs.preferences || false; } } catch (e) { console.error('Failed to load preferences:', e); } }; const savePreferences = (analytics, marketing, preferences) => { const consent = { essential: true, analytics: analytics, marketing: marketing, preferences: preferences, timestamp: new Date().toISOString(), version: '1.0' }; try { localStorage.setItem('cookieConsent', JSON.stringify(consent)); showNotification(); } catch (e) { console.error('Failed to save preferences:', e); } }; const showNotification = () => { const notification = document.getElementById('notification'); notification.classList.add('show'); setTimeout(() => { notification.classList.remove('show'); }, 3000); }; document.getElementById('savePreferences').addEventListener('click', () => { const analytics = document.getElementById('analyticsCookies').checked; const marketing = document.getElementById('marketingCookies').checked; const preferences = document.getElementById('preferencesCookies').checked; savePreferences(analytics, marketing, preferences); }); document.getElementById('acceptAll').addEventListener('click', () => { document.getElementById('analyticsCookies').checked = true; document.getElementById('marketingCookies').checked = true; document.getElementById('preferencesCookies').checked = true; savePreferences(true, true, true); }); document.getElementById('rejectAll').addEventListener('click', () => { document.getElementById('analyticsCookies').checked = false; document.getElementById('marketingCookies').checked = false; document.getElementById('preferencesCookies').checked = false; savePreferences(false, false, false); }); loadPreferences(); })(); </script> </body></html>