Code tự động chuyển hướng trang web/ blog chuyển hướng Redirect


Tự đông chuyển hướng Redirect (chuyển hướng) là việc khi người dùng xem một trang web thì được chuyển sang một trang web với tên miền khác. Ví dụ, khi truy cập www.trang-web-cũ.com thì người dùng được chuyển hướng tới www.trang-web-mới.com. Trường hợp này người dùng gõ vào thanh địa chỉ là www.trang-web-cũ.com nhưng sau khi được redirect (chuyển hướng) thì địa chỉ trên thanh địa chỉ sẽ nhảy sang www.trang-web-mới.com. 

Tu dong chuyen huong trang web/ blog
Code tự động chuyển hướng trang web/ blog

Tự đông chuyển hướng trang web/ blog để làm gì?

    • Khi dùng trang web mới với tên miền (domain) mới và không sử dụng trang web cũ nữa nhưng muốn người dùng truy cập trang web cũ sẽ vào trang web mới

    • Bạn muốn trang nào đó được redirect sang trang bạn muốn 

    • Chuyển hướng index.html sang index.php

    Hướng dẫn tự động chuyển hướng trang web/ blog

    Cách 1: Chuyển hướng bằng cách ghi tên miền trực tiếp lên website cũ cho người dùng biết đã chuyển qua trang web mới

    Cách 2: Sử dụng thẻ META của HTML


    Ví dụ trang một trang với nội dung HTML như sau:
    <html>
    <head>
    <meta http-equiv="refresh" content="15;url=https://www.quachquynh.com/">
    </head>
    <body>
    ...
    </body>
    </html>

    Content="15 chính là sau thời gian 15 giây nó sẽ chuyển hướng qua trang web có địa chỉ https://www.quachquynh.com/ hoặc bạn có thể thay thế bằng số giây tùy chọn 3, 5 giây gì đó

    Cách 3: Sử dụng cơ chế Timeout của Javascript

     

    <html>
    <head>
    <script type="text/javascript">
    <!--
    function delayer(){
        window.location = "http://www.new-url.com/"
    }
    //-->
    </script>
    </head>
    <body onLoad="setTimeout('delayer()', 15000)">
    <h2>Prepare to be redirected after 15 second(s)!</h2>
    </body>
    </html> 

    Cách này sẽ làm trang web chậm hơn một chút nhưng vẫn phải dùng bởi vì nó sẽ tốt hơn dùng meta.
    Dưới đây là code đếm ngược sử dụng JavaScript.

    <html>
    <head>
    <script type="text/javascript">
    var time = 15; //How long (in seconds) to countdown
    var page = "http://www.new-url.com/"; //The page to redirect to
    function countDown(){
    time--;
    gett("container").innerHTML = time;
    if(time == -1){
    window.location = page;
    }
    }
    function gett(id){
    if(document.getElementById) return document.getElementById(id);
    if(document.all) return document.all.id;
    if(document.layers) return document.layers.id;
    if(window.opera) return window.opera.id;
    }
    function init(){
    if(gett('container')){
    setInterval(countDown, 1000);
    gett("container").innerHTML = time;
    }
    else{
    setTimeout(init, 50);
    }
    }
    document.onload = init();
    </SCRIPT>
    </head>
    <body>
    <h2>Prepare to be redirected after <span id="container"></span> second(s)!</h2>
    </body>
    </html>

    Trên đây là 3 cách chuyển hướng tự động trang web/ blog mọi người hãy áp dụng xem kết quả như thế nào nhé. Chúc thành công!
    Đi lên