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.
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ỉ.
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.
 |
| Hiện nội dung ẩn KslZone.NET |
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; }<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><button id="timer" onclick="checkCookie()">Hiện</button>
<div id="hide">
NỘI DUNG ẨN
</div>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.
lúc 21:58 4 tháng 3, 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 :)
lúc 23:32 4 tháng 3, 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
lúc 17:02 9 tháng 3, 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.
lúc 21:48 9 tháng 3, 2015
Trời bác làm gì ngày đang chục bài kinh dị vậy :D
lúc 12:42 10 tháng 3, 2015
Đầu xuân năm mới ae hầu như ai cũng lười đăng bài mới :D
lúc 13:04 10 tháng 3, 2015
Lười từ cuối năm rồi :D
lúc 21:32 10 tháng 3, 2015
theo anh nghĩ thì trường nào ở VN đào tạo CNTT tốt?
lúc 21:40 10 tháng 3, 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.
lúc 22:57 11 tháng 3, 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 ???
lúc 19:31 12 tháng 3, 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 ^_^
lúc 21:19 10 tháng 10, 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++) {"
lúc 11:58 12 tháng 10, 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.
lúc 09:35 16 tháng 9, 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ỉ :))