Tạo quảng cáo cố định khi kéo thanh cuộn website

Hôm nay nhân tiện làm cái tiếp thị liên kết cho bên LAZADA, chia sẻ các bạn cách luôn hiển thị quảng cáo khi kéo thanh cuộn website, cái này giống với kiểu hiển thị quảng cáo của admicro mà nhiều admin đã share trên mạng, tuy nhiên nhiều code không hoạt động hoặc không tương thích nhiều trình duyệt, mình post lên đây vừa để lưu trữ thi thoảng sài vừa để cho những bạn chưa biết dễ dàng sử dụng:
Live Demo: xem quảng cáo bên trái 1 bài viết của share123.vn ví dụ link:  Tạo quảng cáo trượt dọc 2 bên website

Quảng cáo khi chưa kéo thanh cuộn web

Quảng cáo khi đã kéo thanh cuộn web

Cơ chế: 
Banner sẽ đặt ở cuối cùng của sidebar, khi chưa kéo qua nó, nó sẽ được giữ cố định. Khi khách truy cập vào xem một bài viết tương đối dài, họ sẽ rê chuột qua cái Banner đó và Banner của chúng ta cũng tự động được kéo theo. Quảng cáo sẽ trôi theo chiều dọc sidebar xuống đến phần footer thì sẽ biến mất. Cách bố trí quảng cáo dạng trôi này cũng bù lấp khoảng trống làm cho site của chúng ta trở nên đẹp mắt và "pro" hơn

Các bạn có thể áp dụng cho các widget bám theo sidebar cũng được. Kiểu float này giống kiểu trượt quảng cáo của Admicro mà các bạn có thể gặp ở các trang Vtc.vn, Kenh14.vn hay chính Tua Rua cũng đang áp dụng kiểu quảng cáo dạng trượt này

Kiểu quảng cáo này mang lại hiệu quả tối đa và không gây phiền phức cho người đọc, nó đặc biệt hiệu quả đối với những bạn đang chơi google adsen hoặc các quảng CPM trong kiếm tiền onine
Cách làm:

Xem tiếp ...