Hướng dẫn tạo Popup quảng cáo chuyên nghiệp cho website
Mục lục bài viết
Lý do tại sao bạn cần sử dụng Popup quảng cáo
Tăng tỷ lệ chuyển đổi
Popup quảng cáo chuyên nghiệp được thiết kế để thu hút sự chú ý của khách truy cập và khuyến khích họ hành động. Bằng cách sử dụng thông điệp được nhắm mục tiêu và lời kêu gọi hành động hấp dẫn, bạn có thể tăng đáng kể tỷ lệ chuyển đổi và tạo thêm doanh thu cho doanh nghiệp của mình.
Cải thiện trải nghiệm người dùng
Popup quảng cáo chuyên nghiệp có thể được tùy chỉnh để phù hợp với giao diện trang web của bạn, mang lại trải nghiệm người dùng liền mạch cho khách truy cập. Bằng cách tích hợp quảng cáo với thiết kế trang web, bạn có thể đảm bảo rằng khách truy cập luôn tương tác và tập trung vào thông điệp của bạn.Quảng cáo được nhắm mục tiêu
Popup quảng cáo chuyên nghiệp cho phép bạn nhắm mục tiêu các phân khúc đối tượng cụ thể bằng thông điệp được cá nhân hóa. Bằng cách điều chỉnh quảng cáo theo sở thích và nhu cầu của khách truy cập, bạn có thể tăng mức độ liên quan của thông điệp và cải thiện kết quả tổng thể của mình.Một số điều cần lưu ý
Điều quan trọng là phải đảm bảo rằng Popup của bạn có liên quan đến nội dung trên trang. Khách truy cập có nhiều khả năng tương tác với quảng cáo của bạn hơn nếu nó liên quan đến những gì họ đang xem.Đảm bảo rằng quảng cáo của bạn hấp dẫn về mặt hình ảnh và dễ đọc. Một Popup lộn xộn hoặc khó hiểu thực sự có thể khiến mọi người mất hứng thú với sản phẩm hoặc dịch vụ của bạn.
Một khía cạnh khác cần xem xét là thời gian và tần suất xuất hiện Popup của bạn. Phải đạt được sự cân bằng, việc lạm dụng Popup quảng cáo có thể khiến khách truy cập cảm thấy choáng ngợp hoặc thất vọng, khiến họ rời khỏi trang web của bạn hoàn toàn.
Cách tạo Popup quảng cáo cho website
Bước 1: thêm đoạn code bên dưới vào trước thẻ đóng </head> (trong phần chỉnh sửa HTML)<!-- Script Popup-->
<script>/*<![CDATA[*/
function hide_float_right() {
var content = document.getElementById("float_content_right");
var hide = document.getElementById("hide_float_right");
if (content.style.display == "none") {
content.style.display = "block";
hide.innerHTML =
'<a href="javascript:hide_float_right()">Tắt quảng cáo [X]</a>';
} else {
content.style.display = "none";
hide.innerHTML =
'<a href="javascript:hide_float_right()">Xem quảng cáo...</a>';
}
}
/*]]>*/</script>
<style>
.float-ck {
position: fixed;
bottom: 0px;
z-index: 9000;
}
* html .float-ck {
position: absolute;
bottom: auto;
top: expression(
eval
(
document.documentElement.scrollTop + document.docum
entElement.clientHeight-this.offsetHeight-(
parseInt(this.currentStyle.marginTop, 10) ||0
)- (parseInt(this.currentStyle.marginBottom, 10) ||0)
)
);
}
#float_content_right {
border: 1px solid #01aef0;
}
#hide_float_right {
text-align: right;
font-size: 11px;
}
#hide_float_right a {
background: #01aef0;
padding: 2px 4px;
color: #fff;
}
</style>
Bước 2: vẫn tiếp tục ở giao diện Chỉnh sửa HTML (bước 1) tìm đến thẻ đóng </body> và chèn đoạn code dưới đây trước thẻ đóng đó.<!-- Code hien thi -->
<div class='float-ck' id='mobile-hide' style='right: 0px'>
<div id='hide_float_right'>
<a href='javascript:hide_float_right()'>Tắt quảng cáo [X]</a>
</div>
<div id='float_content_right'>
<a href='https://www.anhhiblog.net/' target='_blank'><img src='https://lh3.googleusercontent.com/-eYIPkDC-CEg/ZjCjLMCfwjI/AAAAAAAACwo/8eilZZ4d4WAFYhcul42toonb09wxqn1oACNcBGAsYHQ/h120/popup-quang-cao.webp'/></a>
</div>
</div>
Đăng nhận xét