Selasa, 17 September 2013

How to Make Google URL Shortener use jQuery URL Shortener

Beben Koben anu ganteng kalem tea mau memberikan informasi baru dari artikel add google url shortener api for blogger. Pada artikel tersebut gue sudah memberikan cara bagaimana agar layanan pemendek link kepunyaan embah google goo.gl bisa berjalan di template blogger. Hack script tersebut tidak lain adalah karya master Ravishanker Kusuma. Kebetulan AA 'ben menclok ke web site technology blog hayaGeek ternyata ada update dari cerita sebelumnya bro ;))
Dengan menggunakan JavaScript murni sudah dapat membuat google URL shortener. Kini dikombinasikan dengan jQuery script yang sudah tentu memberikan pelebaran fungsi :D Penambahan yg terjadi meliputi memendekan & memanjangkan link. Satu yg keren adalah adanya tambahan fitur get URL info dengan 2 opsi (analytics click, analytics top strings) Keterangan informasi URL dibuat dengan hasil berupa jSON.

Untuk lebih jelas dan gamblang silahkan sobat coba saja pada halaman demo!

goo.gl/kxq3yd

Walaupun tidak sekomplit dengan info kepunyaan goo.gl tapi tetap priktiw kan bro :P Kalau bro-bri ingin punya pages HTML seperti itu, tinggal buat saja ;)) Syarat utama agar lebih privasi, bero harus memiliki Google API Key. Read here goo.gl/DKKpg Saya tahu kalian pasti males mebuatnya kan :)) =))

{
kind: "urlshortener#url",
id: "http://goo.gl/DlGCt",
longUrl: "http://beben-koben.blogspot.com/",
status: "OK",
created: "2013-05-24T06:08:44.533+00:00",
analytics: {
allTime: {
shortUrlClicks: "0",
longUrlClicks: "2"
},
month: {
shortUrlClicks: "0",
longUrlClicks: "0"
},
week: {
shortUrlClicks: "0",
longUrlClicks: "0"
},
day: {
shortUrlClicks: "0",
longUrlClicks: "0"
},
twoHours: {
shortUrlClicks: "0",
longUrlClicks: "0"
}
}
}
Menyedihkan sekali info link saya :-s Koben sudah buatkan untuk fans setia Kobeners dimanapun berada, untuk mengunduh JQuery URL Shortener.htm Silahkan
Ekstrak files tersebut, bukalah JQuery URL Shortener.htm pada notepad. Cari script dengan tulisanjQuery.urlShortener.settings.apiKey='YOUR-GOOGLE-API-KEY';Letakan google API key di sana.
In github: https://github.com/hayageek/jQuery-URL-shortener
Happy coding \m/

Tidak ada komentar:

Posting Komentar