Hiện nội dung ẩn sau thời gian chờ với Javascript và Cookies

Đây là thủ thuật sử dụng Javascript bắt người ta chờ một khoảng thời gian kể từ sau khi người dùng bấm vào nút "Hiện". Thế thủ thuật này giúp ích được gì? Mình cũng tiện giới thiệu thêm luôn nếu những ai biết về SEO rồi thì bỏ qua nhé, thời gian mà người dùng có trên site của chúng ta có ảnh hướng đến SEO. Chính vì thế mà hiện tại bạn có thể thấy rất nhiều những trang web đặc biệt là báo mạng như gian thưởng để những clip với chủ đề cực hot trên trang của họ, theo mình mục đích chính của họ là ăn tiền quảng cáo và đương nhiên là câu được cả thời gian on-site của người dùng nữa.
Hiện nội dung ẩn sau thời gian chờ với Javascript và Cookies
Hiện nội dung ẩn KslZone.NET
Và hiện tại có khá nhiều tool trên mạng hỗ trợ các SEO mũ đen trao đổi view và thời gian trên trang với nhau nhằm giúp gia tăng thứ hạng từ khóa có trên trang đó. Theo kinh nghiệm của mình việc sử dụng tool hoặc những hình thức SEO mũ đen thường làm gia tăng thứ hạng từ khóa khá nhanh, nhưng nó cũng chịu khá nhiều rủi ro với bác Google, đặc biệt là sau những đợt cập nhật thuật toán. Đối với thủ thuật này của mình thì chắc mình cũng tạm có thể nói là mũ hơi đen một tý, mình bắt người ta chờ một khoảng thời gian ngắn để hiện nội dung ẩn. Nhưng mình sử dụng cookie để người dùng chỉ phải chờ một lần đầu tiên theo chu kì sống của cookie đó thôi, như vậy thì nó vừa giúp tăng thời gian on-site và vừa không gây khó chịu cho những khách truy cập đã chờ rồi. Chắc cho các bạn xem demo một cái thử nhỉ.
KslZone.NET chia sẻ thủ thuật Blogger và mọi thứ liên quan đến IT.

 

Thủ thuật hiện nội dung ẩn sau thời gian chờ

Đầu tiên thì vào chỉnh sửa HTML template trên blog của bạn, thêm 1 dòng css nhỏ này lên trên thẻ ]]></b:skin>
#hide { display:none; }
Xong tiếp tục chèn đoạn mã sau đây lên trên thẻ </head>
<script>//<![CDATA[
var count = 10;
var daterm = 30;

function countDown(){
    var timer = document.getElementById("timer");
    if(count > 0){
        count--;
        timer.innerHTML = count;
        setTimeout("countDown()", 1000);
    }else{
        document.getElementById("hide").style.display = "block";
    }
}

function setCookie(cname,cvalue,exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

function checkCookie() {
    var temp=getCookie("kslshowhide");
    if (temp != "") {
        document.getElementById("hide").style.display = "block";
        document.getElementById("timer").style.display = "none";
    } else {
       temp = "yes";
       if (temp != "" && temp != null) {
           countDown();
           setCookie("kslshowhide", temp, daterm);
       }
    }
}
//]]></script>
trong đó count là thời gian người dùng phải chờ, và daterm là số ngày cookie lưu trữ trong trình duyệt của khách truy cập, xong rồi thì lưu lại. Bước tiếp theo là trong khi viết bài, bạn chuyển sang soạn thảo bằng HTML và sử dụng đoạn mã sau
<button id="timer" onclick="checkCookie()">Hiện</button>
<div id="hide">
NỘI DUNG ẨN
</div>
trong đoạn mã trên rất đơn giản "Hiện" là tên hiển thị của nút và "NỘI DUNG ẨN" là nội dung bạn muốn ẩn với người dùng cho tới khi bấm nút.

Như vậy là đơn giản mình đã hướng dẫn các bạn xong về thủ thuật ép người dùng chờ một khoảng thời gian để xem được nội dung ẩn. Với thủ thuật này thì mình mong rằng nó sẽ giúp được mọi người tăng thêm thời gian người dùng có trên blog của bạn, và có thể một phần nào đó cải thiện SEO trên website giúp tăng lưu lượng truy cập. Mọi thắc mắc về thủ thuật hoặc ý kiến đóng góp thêm cho thủ thuật bạn có thể để lại nhận xét ở dưới.

13 bình luận

  1. avatar says

    21:58 Ngày 04 tháng 03 năm 2015

    lâu mới có bài mới nhỉ :) mình thì ko hiểu và ko để ý đến nài này cho lắm :)

  2. avatar says

    23:32 Ngày 04 tháng 03 năm 2015

    Dạo này mắc bệnh lười quá không chăm tìm hiểu viết bài như xưa :D

  3. avatar says

    17:02 Ngày 09 tháng 03 năm 2015

    Sang năm mới rồi. Siêng như dịp cuối năm cho anh em vui vẻ nhé.
    Chiêu này khá là hay nhưng mất khá là nhiều thời gian cho việc viết bài. Ví dụ như tớ muốn giới thiệu một giao diện CMS thì khi họ bấm vào Demo hoặc Download thì bắt họ đợi vài giây thì tuyệt quá nhưng mỗi ngày tớ giới thiệu hàng chục bài như vậy thì mất thời gian thật.

  4. avatar says

    21:48 Ngày 09 tháng 03 năm 2015

    Trời bác làm gì ngày đang chục bài kinh dị vậy :D

  5. avatar says

    12:42 Ngày 10 tháng 03 năm 2015

    Đầu xuân năm mới ae hầu như ai cũng lười đăng bài mới :D

  6. avatar says

    13:04 Ngày 10 tháng 03 năm 2015

    Lười từ cuối năm rồi :D

  7. avatar says

    21:32 Ngày 10 tháng 03 năm 2015

    theo anh nghĩ thì trường nào ở VN đào tạo CNTT tốt?

  8. avatar says

    21:40 Ngày 10 tháng 03 năm 2015

    Anh cũng không chắc nữa, tại đâu có điều kiện để học thử từng trường đâu :D Em có thể tham khảo đại học Kha học tự nhiên - đại học CNTT. Nhưng theo anh thấy hầu hết các trường đại học có chia chuyên ngành đều tốt cả, còn lại là phụ thuộc vào mình thôi.

  9. avatar says

    22:57 Ngày 11 tháng 03 năm 2015

    Có phải mình tớ đâu. Bài của đồng nghiệp gửi nữa.

    PS: Sao Lâm trả lời mà hệ thống không báo về Email ta ???

  10. avatar says

    19:31 Ngày 12 tháng 03 năm 2015

    Bác có tích chọn "Thông báo cho tôi" ở cái form comment chưa :D Nếu rồi thì chắc có vấn đề gì đó. Còn không Blogger không giống như Wordpress mặc định có người trả lời nó không tự động báo đâu ^_^

  11. avatar says

    21:19 Ngày 10 tháng 10 năm 2015

    mình chèn xong lưu mẫu thỳ báo lỗi bạn ak!
    "for(var i=0; i<ca.length; i++) {"

  12. avatar says

    11:58 Ngày 12 tháng 10 năm 2015

    Ok bạn thử lại nhé, thường thông báo lỗi bạn chỉ cần chèn //<![CDATA[ và //]]> vào đầu và cuối thẻ đóng mở script là xong.

  13. avatar says

    09:35 Ngày 16 tháng 09 năm 2016

    Bài này hay quá bạn nhưng mà có nên áp dụng cách này cho các quảng cáo không nhỉ :))

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.