Thứ Năm, 28 tháng 5, 2026

Cách Cài Đặt POPUP Shopee Cho Blogspot - Web, Không Cần Biết Code Vẫn Làm Được

 2026 LÀM BLOGSPOT - WEB MÀ KHÔNG BIẾT CODE POPUP NÀY THÌ TRAFIX CỦA BLOG,WEB CỦA BẠN NHƯ ĐỔ XUỐNG SÔNG XUỐNG BIÊN, VẬY LÀM SAO BIẾN TRAFFIX ĐẤY THÀNH DOANH THU.

Hôm nay Hay Tò Mò sẽ hướng dẫn cho các bạn 2 cách tạo quảng cáo POPUP SHOPEE để làm Affiliate tận dụng trafix có sẵn từ blog/web, mà không cần các bạn phải biết code cực đơn giản luôn.

Đầu tiên chúng ta phải hiểu POPUP là gì: Popup dạng cửa sổ nhỏ, bấm phát hiện ngay trên trang xem, hoặc có thể mở riêng 1 tab mới đưa đến trang đích mình muốn, mà không ảnh hưởng trải nghiệm web lúc ban đầu.



I. Popup Blogspot để làm gì? Vì sao 2026 vẫn phải dùng?

1.  Bán hàng landing page: Bấm “Bảng size”, “Feedback khách”, “Video review” → hiện popup. Khách không thoát trang gốc, tăng 40% tỷ lệ ở lại trang.

2.  Affiliate: Đặt link Shopee/Lazada dạng popup. Google ít quét hơn link trần, đỡ bị bóp reach.

3.  Sưu tầm email: Thay vì form dài ngoằng, làm nút “Nhận mã giảm giá” → popup hiện form 1 ô email, tỷ lệ điền x3.

Quan trọng: 2026 Chrome chặn popup tự động, nhưng popup “bấm mới hiện” thì sống khỏe. Code này đúng luật.

II. Cách Cài Popup cho Blogspot trong 3 phút, không biết code cũng làm được

Mẫu 1: POPUP hiển thị baner để click

(hình ảnh minh họa)

B1: Vào Blogspot → Bố cục → Thêm Tiện Ích HTML/JavaScript

B2: Dán đoạn script này vào:

<div id='shopee-popup' style='display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); justify-content:center; align-items:center;'>
<div style='position:relative; background:#fff; padding:10px; border-radius:8px; max-width:400px; width:90%; text-align:center; box-shadow:0 4px 15px rgba(0,0,0,0.3);'>
<span onclick='closeShopeePopup()' style='position:absolute; top:-15px; right:-15px; background:#ff4500; color:#fff; width:30px; height:30px; line-height:30px; border-radius:50%; font-size:20px; cursor:pointer; font-weight:bold;'>&times;</span>
<a href='
LINK_AFFILIATE_SHOPEE_CỦA_BẠN' target='_blank' rel='noopener noreferrer'>
<img src='LINK_ẢNH_BANNER_QUẢNG_CÁO' alt='Shopee Sale' style='width:100%; height:auto; border-radius:5px; display:block;'/>
</a>
</div>
</div>

<script>
function showShopeePopup() {
const popupLastShown = localStorage.getItem('shopeePopupLastShown');
const now = new Date().getTime();

// Nếu chưa từng hiện hoặc đã quá 24 giờ (24 * 60 * 60 * 1000 mili-giây)
if (!popupLastShown || (now - popupLastShown > 86400000)) {
setTimeout(function() {
document.getElementById('shopee-popup').style.display = 'flex';
// Lưu lại thời gian hiển thị hiện tại
localStorage.setItem('shopeePopupLastShown', now);
}, 3000); // Hiện sau 3 giây
}
}

function closeShopeePopup() {
document.getElementById('shopee-popup').style.display = 'none';
}

// Chạy hàm kiểm tra khi trang tải xong
window.addEventListener('DOMContentLoaded', showShopeePopup);
</script>

B3: Thay Thế Link:

"LINK_AFFILIATE_SHOPEE_CỦA_BẠN"

"LINK_ẢNH_BANNER_QUẢNG_CÁO"

như trên đoạn code mình đã bôi đen rùi đó. Xong ấn lưu lại là được.

Mẹo Nhỏ: thời buổi bây giờ khách đa số xài điện thoại, để rộng 360, cao 600. Popup full màn hình dọc, bấm tắt dễ, với dễ nổi bật vì thuận mắt.

Mẫu 2: Khi bạn click bất kỳ vào 1 chỗ nào trên blog/web thì lập tức Popup sẽ mở thêm 1 tab mới đưa đến trang đích bạn đã cài, mà không ảnh hưởng đến trang gốc.

Cách cài đặt như sau:

B1: Vào Blogspot → Bố cục → Thêm Tiện Ích HTML/JavaScript



B2: Dán đoạn script này vào:

<!-- Code tự động mở link Shopee sang tab mới sau 24h -->
<script>
function openShopeeNewTab() {
const popupLastShown = localStorage.getItem('shopeeTabLastShown');
const now = new Date().getTime();

// Kiểm tra nếu chưa mở lần nào hoặc đã quá 24 giờ
if (!popupLastShown || (now - popupLastShown > 86400000)) {

// Hành động 1: Mở link Shopee ở một tab mới hoàn toàn
window.open('
https://shopee.vn_Link_Của_Bạn', '_blank');

// Hành động 2: Ghi nhớ thời gian để không mở lại trong 24h tới
localStorage.setItem('shopeeTabLastShown', now);
}
}

// Chạy lệnh mở tab sau khi người dùng bấm vào bất kỳ đâu trên trang (để lách luật chặn popup của trình duyệt)
window.addEventListener('click', openShopeeNewTab, { once: true });
</script>

B3: Thay link của bạn vào chỗ mình bôi đen nhé, rồi ấn lưu là được. Bây giờ mọi người có thể lên blog/web để test nhấp thử rồi nha.

III. 3 cách dùng Popup giúp x2 doanh thu Blogspot

Cách 1: Popup “Thoát trang” fake 

Khách rê chuột định tắt web → hiện popup “Khoan! Nhập email nhận ngay voucher 100K”. Giữ chân 20% khách sắp đi.

Cách 2: Popup bộ sưu tập ảnh 

Bán áo thun. Thay vì đăng 10 ảnh làm web nặng, đăng 1 ảnh + nút “Xem 9 mẫu khác” → popup hiện album. Web load 0.5s, Google chấm điểm cao.

Cách 3: Popup video review 

Đặt nút “Xem khách nói gì” → popup chạy video YouTube. Khách tin hơn 3 lần so với chữ.

IV. Cảnh báo để không bị Google phạt khi chèn Popup

1.  Không popup tự động khi vừa vào web: Google ghét, tụt SEO. Phải bấm mới hiện.

2.  Nút X tắt phải to: Để góc phải trên, dễ bấm. Popup không tắt được, gg nghĩ ngay là web rác.

3.  1 trang tối đa 2 popup: Lạm dụng khách sẽ thoát ngay, tăng Bounce Rate (trải nghiệm không tốt)

Kết Luận: Blogspot free thì phải tự code, nhưng mà mình đã làm hết cho mọi người rồi, chỉ cần coppy dán vào là xong. Dán 1 lần dùng cả đời, tận dụng trafix có sẵn để ra đơn tạo doanh thu ngay cả khi bạn ngủ, thật là quá thơm. Dán xong test ngay bằng điện thoại xem thử đi.

Chúc mọi người bão đơn nha!

Đội Ngũ: Vteam


0 comments: