Trang chủ / JavaScript / Code Popup không bị trình duyệt chặn

Code Popup không bị trình duyệt chặn

Hi các bạn.
Hầu như đa số người lướt web đều không muốn mình bị quấy rầy bởi các (Popup) tự động hiện lên khi truy cập vào trang web nào đó. Tuy nhiên đứng ở góc độ của người quản trị trang web (Webmaster) thì popup là hình thức quảng cáo hiệu quả nhất và mang lại nhiều lợi ích kinh tế cho họ. Nếu người quản trị trang web đặt Popup nhưng biết cân đối giữa lợi ích của bản thân và không làm khó chịu quá mức cho người dùng thì sẽ có lợi cho cả đôi bên.

Có rất nhiều đoạn mã Javascript dùng để hiển thị Popup nhưng có thể nó sẽ không hoạt động được với nhiều người dùng. Vì các trình duyệt web ngày nay đều có tính năng chặn Popup và các loại Popup bị chặn thường chứa các đoạn mã được gọi tự động khi người dùng truy cập vào trang web thông qua sự kiện onload (onload được gọi khi trang web load xong).
Do đó để tránh bị chặn bạn nên thay thế onload bằng onclick (khi người dùng click chuột vào trang web).

Sau đây là một đoạn code Javacript mẫu dùng đề hiển thị Popup.
[codes=js][/codes]Giải thích: Hàm showWindow sẽ hiển thị một trang web trên cửa sổ trình duyêt thông qua tham số url được truyền vào khi gọi hàm, cùng nhiều tham số điều khiển việc hiển thị cửa sổ trang web (khi bạn đặt giá trị true ) như:
+ isStatus: hiển thị thanh trạng thái của trình duyệt.
+ resizable: cho phép người dùng thay đổi kích thước cửa sổ trình duyệt.
+ toolbar: hiển thị thanh công cụ của trình duyệt.
+ location: hiện thị URL của trang web.
+ fullscreen: hiển thị cửa sổ toàn màn hình.
+ titlebar: hiển thị tiêu đề trang web.
+ width: chiều rộng của cửa sổ (px).
+ height: chiều cao của cửa sổ (px).
+ top: canh khoảng cách hiển thị cửa sổ với phía trên, left là canh cửa sổ với bên trái (px).

Ví dụ mình muốn hiển thị Popup cho trang web www.tintuyensinh.net khi người dùng click chuột vào bất cứ đâu trên trang web mình sẽ gọi hàm showWindow từ sự kiện onclick đặt trong thẻ body của trang web mình sẽ viết thế này:

Demo các bạn có thể xem tại đây

Do code Popup trong ví dụ minh họa này mình chưa sử dụng cookie để kiểm soát việc hiển thị nên mỗi khi người dùng click thì Popup sẽ hiện lên. Thường thì khi đặt trang trang web bạn nên kết hợp với các hàm Javascript đọc ghi cookie, thời gian để giới hạn số lần hiển thị Popup theo nhiều điều kiện khác nhau như: chỉ hiện 1 lần trong ngày, giờ,…

14 comments

  1. ban oi? ban co ban popup ko? neu ban lien he minh nhahophuochiep@yahoo.com

  2. chao moi nguoi?moi nguoi cho minh xin phan mem hoc tieng anh duoc khong vay?vua doc va dich tieng anh?Thanks moi nguoi nhe
    cac ban gui cho minh xin ma key luon nha
    va gui mai cho minh nhe
    Ck1k2_bg@yahoo.com

  3. Với code popup đó đối với bo-blog thì mình add thêm plugin adsense,txtinlcude đc ko bác nhỉ – Riêng em ở thiết lập tham số add vào trước <head> mà ko đc?- Ah đoạn code trên chèn link pop up ở đâu bác

  4. http://thietkewebsitechuyennghiep.org
    Muốn mua logo của  canthoit.info
    nếu bán thì liên hệ nha

  5. Rất hay, đang cần làm cho site mới

  6. tuyệt vời ai cần demo thì vào web em xem nhé 😀

  7. Cảm ơn bài viết của bạn rất nhiều

  8. Cảm ơn bài viết của bạn

  9. phim cam tre em

    cảm ơn bạn, mình đang tìm cái code popup này

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *