Skip to main content

Membuat URL Shortener Dengan Javascript

Membuat URL Shortener Dengan Javascript - Dengan URL Shortener maka akan memudahkan kita untuk menghafal sebuah URL blog kita dan memudahkan kita untuk membagikan URL tersebut kepada orang lain.

Ini akan sangat berguna bagi yang bermain affiliate, khususnya yang menggunakan template landingpage affiliasi. Sehingga ketika membagikan URL postingan affiliasi akan terlehat lebih simple, dan tidak akan terlihat seperti URL postingan Blogger.

Sebenarnya ini dulu sudah dishare oleh Kang Ismet, namun kini blognya lagi off. Kemudian saya menemukan cara yang sama di blog MyBloggerlab.

Scripr-nya cukup simple seperti berikut ini.


<script>
//<![CDATA[
var key = window.location.href.split("go/")[1].replace("/","")
var urls={
    "jagoanfbads":"https://www.enterblog.me/2019/11/jagoan-fb-ads.html"
}
if(key){
    if(urls[key]){
        window.location.href=urls[key]
    }else{
        document.write("'"+key+"' not found :(");
    }
}
//]]>
</script>

Kode jagoanfbads adalah shortener dari URL post https://www.enterblog.me/2019/11/jagoan-fb-ads.html silahkan sesuaikan dengan shortener dan URL post Anda sendiri. Sehingga dari script di atas kita akan mendapatkan URL Shortener seperti berikut.


domain_kita/go/shortener

Contoh:


enterblog.me/go/jagoanfbads

URL di atas akan otomatis redirect ke URL:


https://www.enterblog.me/2019/11/jagoan-fb-ads.html

Jika ingin menambahkan URL lainnya maka seperti ini.


<script>
//<![CDATA[
var key = window.location.href.split("go/")[1].replace("/","")
var urls={
    "jagoanfbads":"https://www.enterblog.me/2019/11/jagoan-fb-ads.html",
    "jagoanlp":"https://www.enterblog.me/2019/11/jagoan-landingpage.html"
}
if(key){
    if(urls[key]){
        window.location.href=urls[key]
    }else{
        document.write("'"+key+"' not found :(");
    }
}
//]]>
</script>

URL terakhir tidak pakai , (koma).

Namun jika hanya menggunakan script di atas, maka akan error ketika URL dibagikan ke sosmed, khususnya Facebook. Karena Facebook akan otomatis menambahkan kode pelacakan pada URL yang dibagikan di Facebook.

Untuk itu saya menambahkan script untuk me-remove param pada URL, sehingga script-nya menjadi seperti berikut ini.


<script>
//<![CDATA[
var uri = window.location.toString();
    if (uri.indexOf("?") > 0) {
        var clean_uri = uri.substring(0, uri.indexOf("?"));
        window.history.replaceState({}, document.title, clean_uri);
    }

var key = window.location.href.split("go/")[1].replace("/","")
var urls={
    "jagoanfbads":"https://www.enterblog.me/2019/11/jagoan-fb-ads.html"
}
if(key){
    if(urls[key]){
        window.location.href=urls[key]
    }else{
        document.write("'"+key+"' not found :(");
    }
}
//]]>
</script>

Silahkan simpan kodenya di atas kode </head>.

Berbagi itu peduli:

Comment Policy:

Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Untuk komentar out of topics silahkan masuk ke Forum Kompi Ajaib
Buka Komentar
Buka Komentar
Jangan Diklik!

Menarik Untuk Dibaca Juga:


PrivacySitemap
©2021 KOMPI AJAIB