Skip to main content

Auto refresh - Các phương pháp tự động refresh cho website

   Auto refresh (tự động load lại trang web) giúp tăng lượt view cho website của bạn, tuy nhiên đôi khi làm cho người đọc khó chịu, (ví dụ Vnexpress.net là một điển hình) đó là khi ngừoi dùng đang chăm trú đọc (kéo xuống gần cuối trang) thì lại tự động refresh, và đưa lên đầu trang => lại phải kéo xuống! bực mình.
 Tuy nhiên, đây là một tình năng hay nên tôi vẫn muốn chia sẻ ở đây!
Auto refresh
1. Sử dụng thẻ meta
- Ưu điểm: Cách này có ưu thế là nhanh gọn dễ làm
- Nhược điểm:Do dùng thẻ meta nên không thể che dấu khi chạy trên trình duyệt cũng như bot tìm kiếm.
- Cách làm: Thêm thẻ meta như bên dưới vào trong thẻ <head> </head>:
// Cách 1
 <meta http-equiv="refresh" content="number">
// Cách 2
<meta http-equiv="refresh" content="number;url=dia-chi-website">


Ví dụ bạn bạn muốn sau 30 giây sẽ tự động refresh lại trang bksharing.com thì bạn có thể viết như sau:
<meta http-equiv="refresh" content="15;url=http://www.bksharing.com">

2. Thêm đoạn JavaScript đơn giản để tự động refresh
- Ưu điểm: Mã HTML thực thi được giấu đi
-  Nhược điểm: Phức tạp hơn 1 chút.
- Cách làm: Chèn mã script (chèn file hoặc nhúng) bên dưới vào trong thẻ <head> </head>:

// Cách 3
<script type="text/javascript">
    init_reload();
    function init_reload(){
    setInterval( function() { window.location.reload(); },30000); }
</script>


// Cách 4:
<script type="text/javascript">
    function reFresh() {window.open(location.reload(true)) }
    window.setInterval("reFresh()",30000);
</script>


// Cách 5:
<script>
    function Refresh()
     { var t=setTimeout("location.reload(true)",300000);}
  </script>
</head>
<body onload="Refresh()">


Các bạn download các đoạn mã trên ở đây (để khỏi phải gõ lại!)
Chúc các bạn thành công!

Comments

Post a Comment