Tạo link thu gọn bằng Javascript

Hiện tại thì có rất nhiều dịch vụ tạo link thu gọn (URL Shortener) trên mạng. Những dịch vụ này giúp chúng ta thu gọn liên kết bằng địa chỉ liên kết khác, thông thường chúng ta sử dụng dịch vụ này để ẩn đi liên kết (affiliate) dùng để kiếm tiền. Ở ngay các bài viết trước đây thì tôi cũng có hướng dẫn các bạn chuyển hướng, để làm giả liên kết khi người dùng rê chuột vào để. Thì tôi cũng có lưu ý là không nên dùng thủ thuật đó để lừa gạt hoặc hack người khác.

Tạo link thu gọn bằng Javascript

Do đó hôm nay tôi xin giới thiệu đến mọi người một thủ thuật mới chuyên nghiệp hơn giúp bạn thu gọn liên kết bằng domain của chính mình sử dụng Javascript. Bạn có thể thấy ở rất nhiều blog sử dụng Wordpress khác ví dụ như tenmien.com/go/hostgator.

Hướng dẫn tạo link thu gọn bằng Javascript

Đây tiên đây là đoạn Javascript sẽ thực hiện công việc thu gọn liên kết, hay nói chính xác hơn là chuyển hướng liên kết được định sẵn qua liên kết khác. Bạn hãy chèn nó lên trên thẻ </head>
<script language='javascript'>
//<![CDATA[
var key = window.location.href.split("go/")[1].replace("/","")
var urls={
    'fb':'https://www.facebook.com/kslzone',
    'gplus':"https://plus.google.com/+kslzonenetvn",
    'twitter':"https://twitter.com/kieusonlam",
    'hosting':"https://tenmien.com/?rel=kieusonlam" /* 'ký tự thu gọn' : "liên kết chuyển hướng" */
}
if(key){
    if(urls[key]){
        window.location.href=urls[key]
    }else{
        document.write("'"+key+"' not found :(");
    }
}
//]]>
</script>
bạn có thể sửa hoặc thêm bằng cách đổi các ký tự thu gọn kèm theo địa chỉ sẽ được chuyển hướng, và nhớ là mỗi lần liên kết được khai báo được cách nhau bởi dấu "," bạn nhìn trên script trên chắc cũng rõ rồi.

Sau khi hoàn thành xong như đoạn script trên mà mình đã chia sẽ thì mình ví dụ một liên kết
http://www.kslzone.net/go/fb
sẽ được chuyển hướng đến
https://www.facebook.com/kslzone
đơn giản phải không.

Lời kết

Như vậy là sau khi hoàn thành thì những bạn sử dụng Blogger / Blogspot có thể thấy thì có rất nhiều tính năng mà chúng ta có thể thêm vào mã nguồn này, để không thua kém những  nền tảng khác Wordpress, Joomla, chí có một cái là bạn phải chính sửa các đoạn mã một cách thủ công thôi, cơ mà như vậy mới thú vị. Mọi thắc mắc các bạn có thể để lại ở phần nhận xét phía dưới.

10 bình luận

  1. avatar says

    14:59 Ngày 07 tháng 07 năm 2016

    Bạn ơi cho mình hỏi, có cách nào cho đoạn code bên trên kia vào một file js để up lên hot không bạn? Hi vọng bạn có thể giúp mình với! Cảm ơn bạn nhiều!

  2. avatar says

    15:32 Ngày 07 tháng 07 năm 2016

    Được nhé bạn, bạn cứ tạo 1 file .js rồi nhét code phía trong cặp thẻ script vào, bỏ luôn CDATA đi cũng được, rồi lấy link và nhúng vè website bình thường thôi.

  3. avatar says

    22:41 Ngày 07 tháng 07 năm 2016

    Ok, cảm ơn bạn mình làm được rồi, tại không biết gì về code nên lúc đầu bỏ nguyên cái code đó vào trong file js thì nó load không được, phải bỏ cặp thẻ script kia đi mới được. Tại mình muốn sử dụng cái này để làm rút gọn nhiều link, mà chèn thẳng vào template thì nó dài quá nên muốn đưa ra 1 file riêng. Cảm ơn bạn một lần nữa :)

  4. avatar says

    16:28 Ngày 08 tháng 07 năm 2016

    À bạn ơi cho mình hỏi thêm một chút nữa, Bây giờ mình muốn bỏ chữ "go" trong đường link rút gọn đi thì code phải chỉnh như thế nào?
    Chẳng hạn như mình muốn đường link như này: tenmien.com/tin-tuc thì giờ phải làm sao?

  5. avatar says

    17:03 Ngày 08 tháng 07 năm 2016

    Bạn xóa chử go bên trong cái đoạn javascript thử nhé.

  6. avatar says

    17:29 Ngày 08 tháng 07 năm 2016

    Mình thử bỏ đi rồi mà không được bạn ơi, có ít nhất một ký tự trong đó nó mới hoạt động.

  7. avatar says

    18:15 Ngày 08 tháng 07 năm 2016

    À quên nữa, bạn xóa "go" đi xong thì bạn sửa số 1, thành số 3 là được nhé.

  8. avatar says

    18:33 Ngày 08 tháng 07 năm 2016

    Ok, hay quá bạn ơi, mình làm được rồi. Cảm ơn bạn rất nhiều, chúc bạn sức khỏe và thành công! :)

  9. avatar says

    20:00 Ngày 08 tháng 07 năm 2016

    Anh ơi cho em hỏi ngoài lề một chút nha!
    Blog của em khi ấn một vào nhãn bất kỳ thì nó sẽ nhảy sang trang tìm kiếm theo nhãn.
    Và khi đó trên thanh tiêu đề của trình duyệt nó hiển thị tên của blog trước sau đó mới đến tên của nhãn. Tức là nó sẽ như thế này |Tên blog|:|Tên nhãn|
    Bây giờ em muốn đổi tên nhãn lên đứng trước tên blog thì phải làm sao vậy anh? |Tên nhãn|:|Tên Blog|
    Hoặc a bày em cách xóa tên blog hiển thị trước tên nhãn giúp em với ạk.

  10. avatar says

    10:57 Ngày 09 tháng 07 năm 2016

    Bạn gửi mail mình cái template mình xem rồi hướng dẫn bạn sửa nhé. rainbow.lam25@gmail.com

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.