Tạo Trang Chuyển Hướng Khỏi Website Cho Blogger Blogspot

Share:
Tạo Trang Chuyển Hướng Khỏi Website Cho Blogger Blogspot

Tạo Trang Chuyển Hướng Khỏi Website Cho Blogger Blogspot

Fantasy đã đăng Sunday, 17 May 2020
Hiện có lượt xem và 0 bình luận

  • Xem toàn trang
  • Nội Dung

    Bài Viết Liên quan

    Tác giả


    Chào các bạn, chắc hẳn các bạn đã từng gặp những trang redirect kiểu như Facebook, Zing Me,... rồi nhỉ? Nói đơn giản trang direct là một trang trung gian, bắt buộc người dùng phải bấm xác nhận để chuyển trang. Mục đích là giúp tăng traffic cho trang đồng thời làm cho trang của bạn trông chuyên nghiệp hơn. Các bạn muốn biết nó như thế nào thì thử bấm vào đây xem nhé!



    Thì bài viết hôm nay mình sẽ hướng dẫn chi tiết cho các bạn cách tạo một trang redirect tuyệt đẹp và chuyên nghiệp như thế!



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

    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" href="https://www.junookyo.com/" id="redirect-btn" rel="noreferrer noopener" target="_blank" disabled>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>

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


    Giờ đã có trang chuyển hướng rồi, việc chúng ta cần làm tiếp là tự động bắt mọi liên kết ra ngoài Blog phải đi qua trang chuyển hướng. Ở đây có 2 cách: thủ công và tự động.

    Thủ công tức là khi viết bài bạn sẽ tự gắn link chuyển hướng cho các liên kết đó. Nhưng thế thì sẽ rất mất thời gian và công sức. Vậy nên tớ sẽ hướng dẫn tiếp các bạn một cách đơn giản hơn rất nhiều.

    Các bạn vào Blogger Dashboard > Theme > Edit HTML (chỉnh sửa mã nguồn giao diện Blog của bạn). Kéo xuống cuối, trước thẻ đóng </body> và thêm đoạn code JavaScript sau (nhớ sửa domain thành của bạn)

    <script>
    /* 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.fshared.vn")&&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")));
    </script>

    Tác dụng: đ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. Bạn nào chưa biết tại sao nên thêm nofollow cho các liên kết ngoài thì tự tìm hiểu qua Google nhé, trong bài này tớ chỉ nói về vụ chuyển hướng thôi.

    OK sau khi thêm đoạn code trên thì bạn lưu lại giao diện là xong. Về trang chuyển hướng, nếu bạn biết code thì có thể sử dụng CSS và một số thủ thuật điều kiện trong Blogger nếu muốn làm giao diện độc đáo cho trang này nha, không nhất thiết nó phải có giao diện giống như mọi trang khác. Tùy vào khả năng của bạn!


    Chúc Bạn Thành Công!
    Lưu ý:
    Sử dụng tiếng Việt có dấu khi bình luận, hạn chế viết tắt.
    Bình luận đúng chủ đề bài viết, không SPAM trong bình luận.
    Gửi kèm ảnh chụp màn hình để được hỗ trợ tốt nhất. Up ảnh lên trang imgur.com, sau đó sao chép link ảnh dán vào khung bình luận.
    Để chèn hình ảnh, khi đăng nhận xét bạn nhập như sau: [img]https://i.imgur.com/iIEPcxC.png[/img]

    No comments:

    FSHARED