Thứ Ba, ngày 29 tháng 11 năm 2016

Share CODE Hiện Nội Dung Ẩn Sau Thời Gian Chờ JS + Cookie Hay

Bộ CODE Hiện Nội Dung Ẩn Sau Thời Gian Chờ thường sử dụng cho các site DOWNLOAD hoặc chia sẻ Link mục đích của điều này giúp cho người dùng chờ đợi sẽ quan tâm nhiều hơn đến các Quảng Cáo cũng như đẩy thời gian on-site cao hơn

Đâ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ì? codeseo.net 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.


Đâ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.


Hướng dẫn dưới đây cho Blogger Blogspot các nền tảng khác cũng như vậy
Đầ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>






Xong tiếp tục codeseo.net chèn đoạn mã sau đây lên trên thẻ </head>

<script type="text/javascript">//<![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.

Chúc các bạn thành công