SessionStorage و LocalStorage را برای کنترل پنجره های بازشو درک کنید

هنگام در نظر گرفتن sessionStorage و localStorage برای مدیریت پاپ آپ های وب سایت، تفاوت اصلی در مدت زمان ذخیره سازی داده ها و نحوه نمایش پنجره بازشو است.

1. sessionStorage

عمر داده: داده ها فقط در طول جلسه مرورگر باقی می مانند. پس از بسته شدن برگه یا مرورگر، داده ها پاک می شوند.

مورد استفاده:

• استفاده کنید sessionStorageاگر هر بار که کاربر سایت را در یک جلسه مرورگر جدید باز می کند، پنجره بازشو دوباره ظاهر شود.
• مثال: شما می‌خواهید پنجره خوش‌آمدگویی را فقط در طول جلسه فعلی کاربر نشان دهید، نه اگر صفحه را بازخوانی کند یا سایت را در برگه دیگری باز کند.

if (!sessionStorage.getItem('popupDisplayed')) {
    // Display popup
    alert('Welcome to the website!');
    sessionStorage.setItem('popupDisplayed', 'true');
}

2. محل ذخیره سازی

عمر داده: داده ها حتی پس از بسته شدن مرورگر، تا زمانی که کاربر به صراحت پاک شود یا از طریق اسکریپت پاک شود، باقی می ماند.

مورد استفاده:
اگر پس از مشاهده کاربر، پنجره بازشو باید در چندین جلسه پنهان بماند، از محل ذخیره محلی استفاده کنید.
مثال: شما می خواهید یک پنجره تبلیغاتی را فقط یک بار در هفته نمایش دهید یا بعد از اینکه کاربر آن را رد کرد، دیگر هرگز آن را نشان ندهد.

if (!localStorage.getItem('popupDisplayed')) {
    // Display popup
    alert('Check out our special offer!');
    localStorage.setItem('popupDisplayed', 'true');
}

تفاوت های کلیدی برای مدیریت پاپ آپ:

معیارهای تصمیم گیری:

• منطق پاپ آپ کوتاه مدت: اگر می خواهید پنجره بازشو در یک جلسه جدید دوباره ظاهر شود از sessionStorage استفاده کنید.
• منطق پاپ آپ دائمی: اگر منطق پاپ آپ نیاز دارد حتی پس از بسته شدن مرورگر یا برگه همچنان باقی بماند، از localStorage استفاده کنید.

برای موقعیت‌های پیچیده‌تر، حتی ممکن است از منطق سفارشی برای ترکیب هر دو ذخیره‌سازی استفاده کنید (مثلاً بر اساس جلسه برای یک هفته).