Trên nhiều blog hoặc trang chia sẻ nội dung miễn phí, bạn có thể dễ dàng thấy popup quảng cáo xuất hiện mỗi khi người dùng click chuột hoặc load lại trang. Tuy nhiên, nếu lạm dụng quá nhiều popup sẽ gây khó chịu cho người truy cập và ảnh hưởng xấu đến SEO, tỷ lệ quay lại website, và trải nghiệm người dùng.

Trong bài viết này, mình sẽ chia sẻ hai cách chèn popup quảng cáo đơn giản:

• Cách 1: Mở nhiều tab mới mỗi khi người dùng click.
• Cách 2: Popup chỉ mở 1 lần duy nhất khi click, bằng cookie.

✅ Lợi ích của việc giới hạn popup

• Tránh gây phiền hà cho người truy cập
• Vẫn giữ được hiệu quả quảng cáo
• Duy trì tỷ lệ thoát trang ở mức thấp
• Tuân thủ tốt hơn các nguyên tắc của Google về trải nghiệm người dùng

🔧 Cách 1: Mở nhiều tab quảng cáo khi người dùng click chuột

Đoạn mã dưới đây sẽ mở nhiều tab mới cùng lúc khi người dùng click vào trang:

[webdy_code lang="js" title=" " theme="droide" linenumbers="1" compact="1"]<script type="text/javascript">
function open_popup() {
window.open("https://webdy.vn/promo1", "_blank");
window.open("https://webdy.vn/promo2", "_blank");
window.open("https://webdy.vn/promo3", "_blank");
}
document.addEventListener('click', open_popup);
</script>

⚠️ Lưu ý:

• Trình duyệt hiện đại thường chặn nhiều cửa sổ popup cùng lúc.
• Hạn chế sử dụng nếu không thật sự cần thiết, đặc biệt trên mobile.

🧠 Cách 2: Mở popup chỉ một lần duy nhất khi người dùng click lần đầu

Đoạn mã dưới đây giúp bạn mở 1 popup duy nhất (random từ danh sách link) khi người dùng click lần đầu. Popup sẽ không xuất hiện nữa nếu họ đã mở rồi (lưu cookie trong 24h).

[webdy_code lang="js" title=" " theme="droide" linenumbers="1" compact="1"]<script>
var hasOpened = false;
function getCookie(name) {
var match = document.cookie.match(new RegExp(name + "=([^;]+)"));
return match ? decodeURIComponent(match[1]) : "";
}
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function openPopupOnce() {
if (!hasOpened && getCookie("popup_ads_opened") === "") {
hasOpened = true;
setCookie("popup_ads_opened", "true", 1); // 1 = 1 day
var urls = [
"https://webdy.vn/promo1",
"https://webdy.vn/promo2",
"https://webdy.vn/promo3"
];
var targetURL = urls[Math.floor(Math.random() * urls.length)];
window.open(targetURL, "_blank", "width=600,height=400,scrollbars=yes");
}
}
document.addEventListener('click', openPopupOnce);
</script>

🎯 Kết luận

Việc sử dụng popup quảng cáo cần sự cân bằng giữa hiệu quả và trải nghiệm người dùng. Đoạn mã trên sẽ giúp bạn:

• Tối ưu tỷ lệ hiển thị quảng cáo
• Tránh spam popup gây khó chịu
• Hạn chế bị trình duyệt chặn hoặc người dùng rời site ngay lập tức