Membuat Auto Shortlink Pada Safelink Generator Plus UI dengan API Short.io

Auto Shortlink Safelink dengan API Key Short.io
ignalies.com
Cara Membuat Auto Shortlink Safelink Plus UI dengan API Key Short.io

Di artikel ini mungkin akan berbeda pembahasannya dari artikel-artikel lainnya. Di artikel kali ini saya akan membahas dan memberikan script auto shortlink dengan API Key shor.io pada safelink generator Plus UI versi 2.6.2. Seperti yang kamu tahu sendiri, salah satu fitur unggulan dari template Plus UI adalah fitur safelink generator.

Fitur safelink generator ini digunakan untuk mengubah dan mengenkripsi tautan tujuan asli. Ketika ada pengunjung yang mengklik tautan safelink tersebut maka pengunjung tadi akan dialihkan sementara ke halaman SAFE PAGE dari blog itu sendiri. Pengalihan ini bertujuan untuk memastikan bahwa tautan yang akan dituju pengunjung benar-benar aman dari virus, malware, spam atau yang lainnya. Saya rasa semuanya sudah tahu konsep dari safelink ini, terutama bagi pengguna template Plus UI sendiri.

Sebelum lanjut, saya akan jelaskan sedikit cara kerja serta konsep dari script auto shortlink safelink generator Plus UI dengan API Key short.io yang akan saya bagikan ini. Jadi fungsi dan cara kerja dari script auto shortlink ini adalah untuk mengubah tautan asli safelink pada halaman SAFELINK GENERATOR template Plus UI menjadi tautan yang lebih pendek menggunakan bantuan API Key dari situs Short.io.

Baca Juga: Script Untuk Membuat URL Shortener dengan API Bitly

Bagi yang belum tahu apa itu short.io, short.io merupakan salah satu situs yang menyediakan layanan pemendek URL gratis dengan beragam fitur canggih. Hal ini mirip seperti situs pemendek URL lainnya seperti bit.ly, tinyurl.com dan situs shortlink lainnya.

Setiap tautan yang diperpendek menggunakan layanan dari situs-situs tersebut akan diubah seluruhnya, termasuk domainnya. Contohnya seperti https://bit.ly/nama-tautan. Namun berbeda dengan situs short.io. Di situs short.io, mereka menyediakan fitur yang memungkinkan para pengguna memilih alamat domain mereka sendiri untuk digunakan sebagai halaman shortlink mereka. Tanpa bergantung pada domain dari situs shortlink itu sendiri.

Misalnya jika kamu sudah memiliki domain utama dengan alamat https://domainsaya.com, kamu bisa membuat shortlink menggunakan subdomain dari domain utama tadi dengan alamat https://short.domainsaya.com. Jika shortlink dari short.io ini diintegrasikan pada halaman safelink generator template Plus UI, maka output link pada safelink generator akan berubah menjadi seperti ini:

https://short.domainsaya.com/Anb1bQ

Bukan seperti ini:

https://domainsaya.com/#?url=mLO0bLF4Gw17v7bymRvyWReaQEFyW81u

Tentunya hal ini memiliki nilai plus tersendiri seperti tautan yang jauh lebih pendek dan mudah diingat oleh pengguna sehingga lebih mudah untuk dibagikan di media sosial tanpa harus bolak-balik menyalin tautan safelink. Untuk cara membuat auto shortlink dengan API Key Short.io pada safelink generator Plus UI, simak tutorial lengkapnya di bawah ini.

Saya asumsikan kamu sudah memiliki akun di website short.io dan sudah membuat halaman shortlink menggunakan subdomain kamu sendiri. Jika belum daftar, silahkan daftar di website https://short.io lalu buat halaman shortlink menggunakan subdomain kamu sendiri.

Nantinya kamu akan mendapatkan informasi CNAME dari short.io (cname.short.io) yang harus dihubungkan dengan subdomain kamu. Caranya sama saja seperti kamu menghubungkan CNAME dari Blogger ke domain kamu.

  1. Setelah berhasil mendaftar dan membuat halaman shortlink sendiri di situs short.io, buat API Key short.io di menu Integrations & API kemudian klik tombol CREATE API KEY dan jangan lupa untuk mengaktifkan Public Key.
  2. Jika API Key Public sudah muncul, salin dan simpan.
  3. Setelah mendapatkan API Key Public dari short.io, masuk ke halaman statis Blogger yang kamu gunakan untuk halaman Safelink Generator Plus UI.
  4. Setelah itu masuk ke mode Compose kemudian hapus seluruh script safelink generator bawaan template Plus UI.
  5. Setelah dihapus semua, salin script di bawah ini kemudian taruh seluruh script di bawah ini pada halaman tersebut.
    <style>
/* Auto Shortlink Safelink Generator by Ignalies.com */ .hidden{display:none !important}button{cursor:pointer}button:hover{opacity:.9}.headH .headSub{max-width:none}.headH .headSub::before{content:"SafeLink"}
</style>

<div class='cArea'>
  <label>
    <input class='cInpt' id='safeIn' name='' type='text' />
    <span class='n req'>Enter Link here</span>
  </label>
</div>
<div class='cArea'>
  <label>
    <input class='cInpt' id='safeOut' name='' type='text' readonly />
    <span class='n'>Protected Link</span>
  </label>
</div>
<div class='cArea'>
  <button class='button' id='safeGen'>Protect Link</button>
  <button class='button hidden' id='safeCpy'>Copy</button>
  <button class='button hidden' id='safeViw'>View</button>
</div>

<script>
  /*<![CDATA[*/
  /* SafeLink generator settings - by Ignalies.com */
  var safeSet = {
    safePar: "#?url",
    succNtf: "<i class='check'></i>Tautan Aman! Klik Untuk Menyalin.",
    entrNtf: "<i class='warn'></i>Masukkan Tautan Yang Ingin Diamankan.",
    cpydNtf: "<i class='clipboard'></i>Tautan Berhasil Disalin!",
  };
  /* SafeLink Generator Plus UI - Script Auto Shortlink by Ignalies.com */
  function _0x4b5f(){var t=["nJi2mJq1mLfgEhzRvW","C2fMzuLU","ywrKrxzLBNrmAxn0zw5LCG","C2v0qxr0CMLIDxrL","mJqZmtq3nNfhvxHuBa","C2fMzunWEq","Ahr0Chm6lY8","mtaXody0u0DArgD0","x2jSyw5R","mtbnzfrwzve","C2fMzvzPDW","zw5J","y29WEq","y3b5ze50zG","ngT4zfHNvW","Ahr0CdOVlW","zxHLy0nVBw1HBMq","CMvTB3zLqwXSuMfUz2vZ","BgvUz3rO","C2fMzvbHCG","lNDPzgDLDcbPBNb1DfT0ExbLpxrLEhrDlcaUD2LKz2v0igLUChv0w3r5Cgu9zw1HAwXDlcaUD2LKz2v0ihrLEhrHCMvH","AgLKzgvU","mJKXmZCXnZzTB3bishO","otG2otrkEMTeuwK","DMfSDwu","C2fMzu91Da","mtCZotq1mu13whzbtG","Aw5WDxq","mZqYnZK1mfHIsMPbwa","y2XPy2S","Aw5KzxHpzG","zgf0ys10zxH0","B3bLBG","C2fMzuDLBG","B25JBgLJAW"];return(_0x4b5f=function(){return t})()}function _0x227a(a,t){var u=_0x4b5f();return(_0x227a=function(t,n){var r=u[t=+t];void 0===_0x227a.AFejpy&&(_0x227a.UIWYON=function(t){for(var n,r,e="",f="",a=0,u=0;r=t.charAt(u++);~r&&(n=a%4?64*n+r:r,a++%4)&&(e+=String.fromCharCode(255&n>>(-2*a&6))))r="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(r);for(var i=0,o=e.length;i<o;i++)f+="%"+("00"+e.charCodeAt(i).toString(16)).slice(-2);return decodeURIComponent(f)},a=arguments,_0x227a.AFejpy=!0);var e=u[0],f=t+e,e=a[f];return e?r=e:(r=_0x227a.UIWYON(r),a[f]=r),r})(a,t)}(function(){function t(t,n){return _0x227a(t-811,n)}var n=_0x4b5f();function r(t,n){return _0x227a(t- -794,n)}for(;;)try{if(681338==+parseInt(r(-783,-783))+parseInt(t(838,831))/2+-parseInt(t(825,821))/3*(-parseInt(r(-792,-805))/4)+parseInt(r(-762,-759))/5*(parseInt(t(827,834))/6)+parseInt(r(-771,-775))/7+-parseInt(r(-764,-781))/8+-parseInt(r(-784,-787))/9)break;n.push(n.shift())}catch(t){n.push(n.shift())}})(),function(){for(var t=qSell(o(70,75)),n=0;n<t[r(-595,-587)];n++)t[n][o(87,89)](r(-566,-578),function(){var t=this[n(-683,-678)]?"fl":"nfl";function n(t,n){return _0x227a(n- -690,t)}this[n(-647,-664)]("data-text",t)});function r(t,n){return _0x227a(n- -593,t)}var f=getid(r(-581,-569)),a=getid(r(-592,-580)),e=getid(o(83,73)),u=getid(o(90,106)),i=getid(r(-565,-560));function o(t,n){return _0x227a(t-62,n)}f.addEventListener("blur",function(){var t=f[r(-575,-561)];function n(t,n){return _0x227a(n- -586,t)}function r(t,n){return _0x227a(n- -573,t)}return~t.indexOf(n(-568,-557))||~t[n(-578,-568)](r(-556,-570))||""==t||(t="https://"+t),f[r(-548,-561)]=t,f}),e.addEventListener("click",function(){function t(t,n){return _0x227a(t- -369,n)}var n,r;function e(t,n){return _0x227a(t- -344,n)}""!=f[e(-332,-342)]?(n=b64[t(-335,-346)](f[t(-357,-368)]),r=blogUrl+safeSet[t(-362,-376)]+"="+n,a[t(-357,-350)]=r,a[e(-318,-305)](e(-325,-340),"fl"),i[t(-347,-364)]=function(){window[_0x227a(20,610)](r,_0x227a(31,1029))},remCt(u,"hidden"),remCt(i,e(-335,-330)),toastNotif(safeSet.succNtf)):toastNotif(safeSet.entrNtf)}),u[o(87,100)](r(-590,-576),function(){function t(t,n){return _0x227a(t-791,n)}function n(t,n){return _0x227a(t- -873,n)}a[t(803,819)];var r=getSelection();r[n(-868,-857)](),a.select(),document[n(-869,-885)](t(791,804)),r[t(796,788)](),toastNotif(safeSet[t(792,783)])})}();
  document.getElementById("safeGen").onclick = function() {
  var link = document.getElementById("safeOut").value;
  /* ShortLink settings */
  var data = {
    "domain":"short.domainkamu.com", // ganti dengan subdomain shortlink kamu (TANPA HTTPS!)
    "originalURL": link,
    "allowDuplicates":false
  }; 
 fetch('https://api.short.cm/links/public', {
    method: 'post',
    headers: {
      'accept': 'application/json',
      'Content-Type': 'application/json',
      'authorization': 'pk_80qxxxxxxxxxxxx' // ganti dengan API Key Public dari Short.io
    },
    body: JSON.stringify(data)
  }) .then(function(response) {
        return response.json();
    }) 
    .then(function(data){ 
    document.getElementById("safeOut").value = "" + data.shortURL })
 }
  /*]]>*/
</script>
    Ganti semua tulisan yang sudah ditandai. HANYA GANTI pada bagian API KEY short.io dan alamat domain shortlink saja.
  6. Jika sudah diganti dan disesuaikan, jangan lupa klik simpan dan lihat perbedaannya sebelum dan sesudah mengganti safelink generator Plus UI dengan script auto shortlink API Key ini.
  7. Selesai!

Sampai di tahap ini sudah berhasil membuat auto shortlink safelink generator Plus UI dengan API Key short.io. Untuk melihat hasil dari script auto shortlink dengan API Key short.io pada safelink generator Plus UI tersebut, kamu bisa cek langsung pada link di bawah ini.

Membicarakan tentang kelebihan dan kekurangan, tentu metode auto shortlink safelink generator Plus UI dengan API Key short.io ini memiliki kelebihan dan kekurangannya. Kelebihan dari script auto shortlink menggunakan API Key short.io ini adalah dapat memudahkan para pengunjung dan kita (selaku pemilik safelink) dalam membagikan tautan safelink yang sudah dibuat karena tautan safelink yang dihasilkan jauh lebih pendek dibandingkan dengan tautan safelink aslinya. Selain itu, dengan cara ini juga dapat digunakan secara gratis tanpa ada batasan.

Sedangkan kekurangan dari metode ini adalah ketergantungan kita pada layanan orang lain karena pada dasarnya kita menggunakan API Key dari situs short.io untuk mengubah tautan safelink asli menjadi tautan yang lebih pendek. Dampak negatifnya akan terasa ketika situs short.io dan API Key Public tersebut sudah tidak aktif lagi atau expired. Siapa tau di kemudian hari situs short.io melalukan update yang menyebabkan API Key lama tidak berfungsi lagi.

Jika API Key lama sudah tidak berfungsi lagi, otomatis seluruh tautan yang pernah dibuat tidak dapat diakses kembali. Berbeda jika kita tetap menggunakan safelink bawaan template Plus UI karena script yang dibuat murni menggunakan JavaScript tanpa bergantung pada API dari situs lain. Yah, mungkin itu saja kelebihan dan kekurangan menggunakan script auto shortlink safelink generator Plus UI menggunakan API Key short.io. Sejauh ini metode auto shortlink pakai API Key short.io masih aman dan tidak ada bug atau masalah.

Penutup

Itu dia script auto shortlink safelink generator Plus UI menggunakan API Key short.io yang bisa saya berikan di artikel kali ini serta kelebihan dan kekurangan menggunakan script auto shortlink safelink Plus UI pakai API Key short.io. Jika ada yang belum dimengerti atau mengalami masalah, bisa tanyakan di kolom komentar.

Dukung Ignalies
Buy Me a Coffee Donasi via Buy Me a Coffee Trakteer Donasi via Trakteer Donasi via PayPal Donasi via PayPal Tentang Donasi ?

Artikel Terkait

2 Komentar

  • Ruzdani El-Mino
    Profil: https://www.blogger.com/profile/01821415209447135882
    Bang, tolong dong bikinin dong tutorial bikin tampilan halaman short link generator kayak punya abang itu😍
    • Ignalies
      Profil:
      sudah sy bikinin...cek:

      https://www.ignalies.com/2023/07/script-url-shortener-api-bitly.html