Chèn quảng cáo góc bên phải hoặc bên trái cho Website

Khi viết Blog kiếm tiền thì công việc tối ưu quảng cáo mang lại hiệu quả cao nhất cho trang web luôn được mọi người chú ý. Cho dù bạn dùng mã nguồn WordPress hay Blogspot thì đặt banner quảng cáo ở vị trí nào luôn khiến mình phải suy nghĩ. Trước đây mình hay để ở header, sidebar rồi trong bài viết nhưng hiệu suất thấp. Và rồi mình tìm được cách chèn quảng cáo góc bên phải, bên trái hoặc cả 2 bên cùng lúc. Vẫn biết là điều này sẽ ảnh hưởng không tốt tới tâm lý người xem nhưng biết làm sao được. Code này hỗ trợ ads dạng text, ảnh hoặc html cũng được, áp dụng cho hầu hết kiểu website. Theo mình thì đặt test một thời gian xem sao, nếu thấy tỉ lệ Bounce Rate tăng hoặc Time on Site giảm thì ngay lập tức gỡ bỏ dạng ads này khỏi site để không bị các thuật toán của Google ảnh hưởng tới.

Bạn có thể dễ dàng nhận thấy nhiều blog, website hiện quảng cáo 2 góc dưới màn hình rồi chứ ?. Ở vị trí này thì nó khá nổi bật, thu hút sự chú ý và phải tắt nó để xem nội dung. Từ đó phát sinh chuyện click nhầm, mà quảng cáo dạng banner thì đều tính theo click nên thu nhập sẽ tăng lên theo.

Code quảng cáo góc bên phải, bên trái

OK, giờ chúng ta cùng đi vào cách thực hiện. Nhìn chung không khó như bạn nghĩ đâu, mọi thứ đều hoàn thiện rồi, bạn chỉ cần copy vào site rồi chèn code tương ứng là nó hiện thôi.

Chèn quảng cáo góc bên phải cho Website

Đối với Blogspot thì bạn vào thêm tiện ích HTML/JavaScript còn với WordPress thì Add Widget Text thôi.

Copy nội dung sau và dán vào đó.

<script type="text/javascript">

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()">ADS by Thuthuatdoisong.com</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; width: 300px; height: 250px;}

#hide_float_right {text-align:right; font-size: 11px;}

#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<br />
<div class="float-ck" 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">
<!-- Start quang cao-->

  Chèn code quảng cáo của bạn ở đây

<!-- End quang cao -->
</div>
</div>

Chèn quảng cáo góc bên trái cho Website

<script type="text/javascript">

function hide_float_left() {

    var content = document.getElementById('float_content_left');

    var hide = document.getElementById('hide_float_left');

    if (content.style.display == "none")

    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Tắt quảng cáo [X]</a>'; }

        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">ADS by Thuthuatdoisong.com</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_left {border: 1px solid #01AEF0; width: 300px; height: 250px;}

#hide_float_left {text-align:left; font-size: 11px;}

#hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<div class="float-ck" style="left: 0px" >

    <div id="hide_float_left">

<a href="javascript:hide_float_left()">Tắt Quảng Cáo [X]</a></div>

<div id="float_content_left">

<!-- Start quang cao-->

    

<!-- End quang cao -->
</div>
</div>

Kiểm tra thành quả.

chen-quang-cao-goc-ben-phai-ben-trai

Chỉ với 2 đoạn code đơn giản là bạn đã thực hiện xem việc chèn quảng cáo hiển thị ở góc phải, góc trái Website của mình rồi đó. Nếu có bất cứ khó khăn nào trong việc áp dụng thì bạn gửi bình luận bên dưới để được giúp đỡ nhé.

Có thể bạn sẽ thích


Leave a Reply

1 Comment on "Chèn quảng cáo góc bên phải hoặc bên trái cho Website"

Notify of
avatar
Sort by:   newest | oldest | most voted
Giang
Guest

AD cho mình hỏi mình chèn quảng cáo vào góc như AD chỉ nhưng mình chèn nó ẩn sau 1 tấm ảnh do mình chọn tùy ý được không?

wpDiscuz

Adblock Detected

Please consider supporting us by disabling your ad blocker