كيفية برمجة نافذة منبثقة إعلانية لمرة واحدة باستخدام HTML وCSS وJavaScript

كيفية برمجة نافذة منبثقة إعلانية لمرة واحدة باستخدام HTML وCSS وJavaScript

تُعد النوافذ المنبثقة الإعلانية إحدى أكثر الطرق فعالية لجذب انتباه المستخدمين، ولكن المبالغة في استخدامها قد تؤثر سلبًا على تجربة الزائر. لذلك، سنستعرض اليوم طريقة ذكية لإنشاء نافذة إعلانية تظهر لمرة واحدة فقط لكل مستخدم خلال جلسته على موقعك، ولن تعود للظهور إلا بعد أن يقوم بمسح ملفات تعريف الارتباط (Cookies). كيف تعمل النافذة المنبثقة لمرة واحدة؟ يعتمد عمل هذه النافذة على تخزين الجلسة (Session Storage) ، حيث يتم التحقق من وجود عنصر تخزين خاص يُسمى "adClosed" في JavaScript . عند زيارة المستخدم لموقعك لأول مرة، يتم عرض النافذة الإعلانية، وإذا قام المستخدم بإغلاقها، يتم تسجيل ذلك في التخزين المحلي للجلسة، مما يمنع ظهورها مجددًا خلال نفس الجلسة. إذا أغلق المستخدم المتصفح وأعاد فتحه أو مسح ملفات تعريف الارتباط، ستظهر النافذة مرة أخرى وكأنها تظهر للمرة الأولى. شرح الكود البرمجي للنافذة المنبثقة 1. HTML: إنشاء هيكل النافذة <div id="adPopup" class="popup"> <div class="popup-content"> <span class="close-btn" onclick="cl…