Hướng dẫn cách sửa lỗi link zalo.me/{sđt} trên website v2

Dạo này đang tinh chỉnh lại thèng bibica.net, ngó tới Zalo, vẫn thấy họ chưa hỗ trợ lại vụ zalo.me/{sđt}, xem lại bản fix cũ của tác giả levantoan, không hiểu sao code của ảnh dài hơn cả tờ sớ, tiện sửa lại vụ này nên viết thành 1 bài cho có bài viết mới luôn 😀

Bước 1: tạo 1 file .js, ví dụ zalo-redirect.js, nội dung như bên dưới

document.querySelectorAll('a[href^="https://zalo.me/"], a[href^="tel:"], a[href^="phone:"]').forEach(link => {
    link.addEventListener('click', event => {
        event.preventDefault();
        const phoneNumber = link.href.split(/[:\/]/).pop();
        window.location.href = `zalo://conversation?phone=${phoneNumber}`;
    });
});

• Không chắc lắm do Zalo sửa hay gì, link ban đầu làm sao thì cắt hết đi, giữ lại số điện thoại, đưa vào zalo://conversation?phone=${phoneNumber}, nếu thiết bị có cài Zalo là tự chạy, mình bổ xung thêm nếu ai dùng dạng tel:sdt hay phone:sdt tự bắn sang Zalo luôn cho tiện

Upload file .js lên web hay bỏ đâu để có link trực tiếp tới là được

Bước 2: thêm đoạn script để gọi file zalo-redirect.js

<script defer src="https://bibica.net/download/zalo-redirect.js"</script>

• Để dưới wp_footer cho đỡ phải quan tâm nhiều

Thấy làm thế là đủ chạy rồi, không cần phải lấy mã QR như ở v1 hướng dẫn, code ngắn cũng dễ đọc hơn