Cách làm trang chuyển hướng safe link cho Blogspot

Blog mình tạo có các mục chia sẽ file và gắn các link rút gọn để kiếm tiền như 123 link, link 5s, ouo -io nhưng nó quảng cáo ngày càng "ác" quá nên mình quyết định dùng link trực tiếp để chia sẻ.Bữa trước mình tìm được đoạn mã để tạo trang chuyển hướng ra ngoài rất chuyên nghiệp mà chức năng cũng gần giống link rút gọn kiếm tiền vậy. Mình áp dụng vào blog ngay và luôn. Nay mình chia sẻ lại cho bạn nào cần .

Bước 1: Tạo 1 Page Chuyển hướng trang

Vào Blogger Dashboard > Pages > Create New Page. Chuyển qua chế độ viết HTML và dán vào đoạn code sau:
 

<a class="btn btn-success btn-lg disabled" disabled="" href="https://xaloit.blogspot.com/" id="redirect-btn" rel="noreferrer noopener" target="_blank">Click here to continue!</a>
<script>((document) => {
  let h = document.location.hash,
    $btn = document.querySelector('#redirect-btn');

  if (h.length > 0 && h.startsWith('#http')) {
    try {
      let url = new URL(decodeURIComponent(h.substr(1)));
      url.searchParams.set('utm_source', 'juno_okyo');
      $btn.href = url.href;
    } catch (e) {
      console.error(e.message);
      return;
    }
  }

  let i = 5,
    txt = $btn.textContent;

  function run() {
    $btn.textContent = `${txt} (${i})`;

    if (i > 0) {
      i--;
      setTimeout(run, 1000);
    } else {
      $btn.textContent = txt;
      $btn.removeAttribute('disabled');
      $btn.classList.remove('disabled');
    }

  }

  run();
})(document);</script>

Tác dụng đếm ngược 5 giây, hết thời gian thì cái nút mới có thể nhấn được.

Bước 2: Bắt mọi liên kết ra ngoài Blog

Các bạn vào Blogger Dashboard > Theme > Edit HTML. Kéo xuống cuối, trước </body> và thêm đoạn code JavaScript sau. bạn sửa chuyen-huong-khoi-blog.html thành tên page mà bạn đặt.

/* Redirector */
(function(b){window.top.location.href.includes("/chuyen-huong-khoi-blog.html")||b.filter(function(a){return!a.hasAttribute("imageanchor")&&!a.href.startsWith("https://www.junookyo.com")&&5<a.href.length}).map(function(a){a.href="https://www.junookyo.com/p/chuyen-huong-khoi-blog.html#"+encodeURIComponent(a.href);a.target="_blank";a.rel="nofollow noopener"})})(Array.from(document.querySelectorAll(".post-body a")));

Đoạn code trên sẽ tự động tìm mọi liên kết đi ra ngoài Blog, chuyển chúng thành liên kết chuyển hướng và thậm chí còn thêm thuộc tính nofollow cho bạn luôn.

Chúc bạn thành công. Code bởi JUNO_OKYO