×

Code tạo trang chuyển hướng link trong WordPress

Code tạo trang chuyển hướng link trong Wordpress caodem.com

Không biết anh em có hay để ý không?, thì khi tải phần mềm ở một số trang web chia sẻ phần mềm, thường khi ta click vào link tải, trang web sẽ không dẫn ta đến trang tải phần mềm ngay, mà nó sẽ hiển thị ra một trang chuyển hướng liên kết, với một cái đồng hồ đến thời gian sau bao nhiêu giây thì bạn sẽ được chuyển đến trang để tải. Thì đó chính là nhờ vào việc trang web đó có chức năng chuyển hướng liên kết, vậy để làm một trang như thế có dễ hay không?. Mời bạn đọc bài viết bên dưới của mình nhé.

Code chuyển hướng liên kết

Đầu tiên các bạn cần truy cập vào Hosting hoặc VPS mà bạn đặt trang web, vào thư mục theme mà trang web của bạn đang sử dụng, tạo cho mình một file có tên là chuyen-huong.php (ngoài ra bạn cũng có thể tạo sẳn file này rồi upload lên host của bạn cũng được).

Tiếp theo mở file vừa tạo lên, sao chép đoạn code bên dưới rồi dán vào, sau đó lưu lại.

<?php
/*
Template Name: Chuyển hướng
*/

$redirect_to = !empty($_GET['url'])
? trim(strip_tags(stripslashes($_GET['url'])))
: '';

$wait_time = 30000; // thời gian tự động chuyển hướng (tính bằng millisecond - ở đây là 30000 ml = 30s).
$wait_seconds = $wait_time / 1000;

add_action('wp_head', 'redirect_to_no_index', 99);
function redirect_to_no_index()
{
?>
<!-- tắt index trang này -->
<meta name="robots" content="noindex, follow">
<?php
}

add_action('wp_head', 'redirect_to_external_link');

function redirect_to_external_link()
{
global $redirect_to, $wait_seconds, $wait_time;

if (empty($redirect_to) || empty($wait_time)) {
return;
}
?>

<script>var redirect = window.setTimeout(function(){window.location.href='<?php esc_html_e($redirect_to); ?>'},<?php echo $wait_time; ?>);</script>
<noscript><meta http-equiv="refresh" content="<?php echo $wait_seconds; ?>;url=<?php esc_attr_e($redirect_to); ?>">></noscript>
<?php } get_header(); ?>


<div class="chuyen-huong">
<div>
<?php if (!empty($redirect_to)) {
echo '<p style="font-size: 95%;margin: 8px !important; color: #fff;">Bạn muốn chuyển đến:</p>';
printf(__('<div style="margin: 8px !important;word-wrap: break-word;">%s</div>'),esc_html($redirect_to));
?>
<p><span class="thoigian-chuyen" id="timer"></span></p>
<div style="margin-top:20px">
<button id="chuyenngay" onclick="window.location.href='<?php esc_html_e($redirect_to); ?>';return false;"><?php _e('✓ CHUYỂN TỚI LUÔN'); ?></button>
<button id="dongchuyen" onclick="self.close()"><?php _e('✘ Hủy bỏ'); ?></button> <br />
</div>

<?php
} else {
_e('Liên kết này bị lỗi hoặc không tồn tại!');
}
?>
</div>
</div>
<script>
document.getElementById('timer').innerHTML = <?php echo $wait_seconds;?>;
var timer = <?php echo $wait_seconds;?>;
var interval = setInterval(function() {
var seconds = timer;
if (seconds > 0) {
--seconds;
document.getElementById('timer').innerHTML = seconds + "";
timer = seconds;
}
else {

}

}, 1000);
</script>
<style>
.chuyen-huong{max-width:1400px;margin-top:50px;margin-bottom:50px;margin-left:auto;margin-right:auto;text-ailgn:center;text-align: center;}
#chuyenngay{margin: 7px;background: #00cc00; border: 1px solid #00cc00; color: #fff; cursor: pointer; font-size: 13px ; font-weight: bold ; padding: 7px 15px;text-decoration: none;text-transform: uppercase;text-shadow: none;}
#dongchuyen{background: #ff4444; border: 1px solid #ff4444; color: #fff; cursor: pointer; font-size: 13px ; font-weight: bold ; margin-bottom: 10px;padding: 7px 15px;text-decoration: none;text-transform: uppercase;text-shadow: none;}
#chuyenngay:hover, #dongchuyen:hover{background: #555; border: 1px solid #555}
.thoigian-chuyen{color:#ff3333;font-size:50px;margin-top: 30px;}
</style>
<?php get_footer(); ?>

Tiếp theo vào Trình quản lý Admin > Trang > Tạo trang mới, phần tiêu đề bạn đặt với tên Chuyển hướng ở phần thuộc tính trang màu đỏ góc phải, bạn chọn mẫu cũng là Chuyển hướng luôn. Cuối cùng là Công bố trang vừa tạo.

Hướng dẫn cách sử dụng chuyển hướng

Trong bài viết nếu bạn muốn chuyển hướng đến một đường link bất kỳ, thì ở phần điền link bạn chỉ cần thêm phía trước nó doạn /chuyen-huong?url= là được.
Ví dụ: /chuyen-huong?url=https://caodem.com

Đây là giao diện của trang chuyển link, bạn có thể chỉnh sửa hoặc thêm vào nội dung (ví dụ như quảng cáo) nếu muốn.
Nhớ để lại bình luận bên để trao đổi kiến thức nhé, Chúc bạn thành công!

2273
Bài cùng chủ đề
16 Bình luận
  1. lê tâm đắc khách

    Chào bạn ! Bạn ơi mình làm y như bạn, nhưng sao nó toàn báo lỗi link không tồn tại ? Bạn giúp mình với ! cảm ơn bạn

    1. ihoan CÁO
      lê tâm đắc @

      Chức năng chuyển hướng chỉ khả dụng khi sau nó có tồn tại link ví dụ /chuyen-huong?url=https://caodem.com, nếu phía sau nó không có link thì nó sẽ hiển thị link không tồn tại

  2. tuan anh khách

    không biết muốn chỉnh giao diện của trang đợi giây thế nào ad nhỉ hi

    1. ihoan CÁO
      tuan anh @

      Bạn muốn chỉnh sửa những gì có thế nào có thể nói rõ không? ở trên mình có kèm theo css rồi đó dựa đó chỉnh sửa màu chữ màu nút..vv

  3. Tu CÁO

    nó có dòng “bạn muốn chuyển đến” thì giờ mình muốn thay đổi thành tên khác thì làm sao vậy bạn.

    1. ihoan CÁO
      Tu @

      ở trong code có đoạn text là bạn muốn chuyển đến đó, bạn chỉ cần xóa đoạn đó đi rồi viết thành đoạn mà bạn muốn là được

  4. Trung CÁO

    Chào Ad nhé. Code của bạn rất hay. Cho mình hỏi chút: Nếu muốn tự động chuyển hướng tất cả những link có target=”_blank” (mở trong tab mới) qua trang đếm giây chờ chuyển hướng rồi mới đến trang đích thì làm thế nào ạ?

    Vì dụ: trong bài viết, mình chèn link coomdream.com vào một chỗ nào đó, mình bật yêu cầu target=”_blank” cho link đó. Thì nó sẽ tự động bắt chuyển hướng qua trang chờ redirect rồi mới tới trang đích. Thì phải làm như nào bạn?

    Bạn hiểu ý mình chứ ? Mong được cao nhân chỉ giáo.

    1. ihoan CÁO
      Trung @

      function add_link_chuyen_shortcode($args, $content) { return '<a href="/chuyen-huong?url='.$url.'" target="_blank">'.$content.'</a>'; } add_shortcode( 'link', 'add_link_chuyen_shortcode' );

    2. ihoan CÁO
      Trung @

      Bạn tạo cái shortcode như vậy rồi khi thêm link vào bài viết bạn chỉ cần viết shortcode như sau:
      [link url=”https://caodem.com”]Tới trang cáo đêm[/link]

      1. Trung CÁO
        ihoan @

        Cảm ơn bạn. Bạn rất tận tâm. Để mình test xem được ko nhé.

  5. Nguyễn Đức CÁO

    Có vẻ nút hủy bỏ không có tác dụng anh nhỷ @@

    1. ihoan CÁO
      Nguyễn Đức @

      Nó chỉ có tác dụng khi bạn mở new tab thôi nhé.

  6. Tung CÁO

    hi ! cảm ơn bạn, code rất tuyệt vời cho người mới bắt đầu như mình.
    Mình muốn mã hóa cái link đích đó thì phải làm như thế nào?
    ví dụ: /chuyen-huong?url=https://caodem.com => /chuyen-huong?url=https%%//%A%cao%dem%.com
    Như vậy sẽ không để người dùng nhìn thấy link đích trong quá trình chờ đợi
    Mong bạn giúp
    Thanks!

    1. ihoan CÁO
      Tung @

      việc mã hóa link mình cũng chưa thử bạn ơi. có thời gian mình sẽ nghiên cứu

  7. Thuong CÁO

    Cho mình hỏi làm sao để sửa nút chuyển tới bằng nút download nghĩa là, khi đếm hết số giây chờ nó sẽ hiện nút download để bấm và link chứ k tự động chuyển ý ạ. Thanks

    1. ihoan CÁO
      Thuong @

      cái này chỉ thì cũng khó để có thời gian mình viết một phiên bản mới rồi cập nhật cho nhé.