Membuat HTML link Telphon dan SMS

Membuat HTML link ternyata bervariasi, misalnya popup, link kirim email, terbuka di laman baru dan lain lain. Seiring dengan perkembangan jaman website/ blog banyak juga yang mengakses dari perangkat telepon genggam.


Namun terkadang sesuatu yang kita tidak membutuhkan suatu saat kita mungkin memerlukan, misalnya kita ingin membuat link kirim menuju SMS (Short Message Service Bahasa indonesia Layanan pesan singkat) ataupun langsung menuju ke telepon( call ).

Sederhana cara membuat HTML link SMS atau Call me dipasang di blog/web, yang apabila di klik oleh seorang user tersebut mengakses dari perangkat selular/ telepon genggam(handphone) langsung menuju kirim SMS dan Telepon.
  • Membuat Html link kirim SMS
HTML Link SMS di tulis awal a href sms:
<a href="sms:NO telp handphone">Link</a>

<a href="sms:081......">Link sms NO hp terisi</a>

  • Cara membuat HML link kirim SMS NO handphone dan body Terisi pesan
<a href="sms:081.......?&body=Pesan di tubuh body disini">Link menuju sms plus no HP dan body terisi</a>

  • Membuat HML link menuju SMS hanya body berisi pesan
<a href="sms:?&body=Pesan di tubuh body disini">Link menuju sms body terisi</a>

Ingat ketika body berisi pesan tentu saja pesan SMS memiliki batasan panjang pesan yaitu kurang lebih 160 karakter.

  • Cara membuat Html link Langsung menuju telepon(Call me)
Ternyata membuat link menuju telepon ini tidak terlalu sulit yang seperti dibayangkan, dan penulisannya awal a href adalah tel://

<a href="tel://NO telepon atau NO handphone">Link telepon</a>

<a href="tel://628......">Link telepon(call me)</a>

Perlu diketahui bahwa Link kirim SMS atau telepon tersebut tidak bekerja apabila seorang mengklik dari peramban komputer ataupun laptop. Sehingga kita perlu memanipulasi dengan sedikit sentuhan lagi menggunakan javascript supaya tidak tampil di peramban tersebut, dan hanya tampil di perangkat telepon genggam. Yaitu dengan membuatkan javascript detect User agent device sederhana.

  • Manipulasi dengan javascript User agent device sederhana

<script type='text/javascript'>
if( /Opera Mini|BlackBerry|Android|webOS|iPhone|iPad|IEMobile/i.test(navigator.userAgent) ) {
// Jika agennya di atas tampilkan ini..(code)
} else {
// Kecuali agen di atas tampilkan ini..(code)
}
</script>
Contoh penulisan (code):

document.write('Your HTML link SMS or Telepon');

Di bawah ini contoh demo penerapan


// Kecuali browser komputer, laptop ini Actionnya
NO :08sekian sekian...

Harap hati hati apabila mencantumkan NO telp atau Handphone, dan pikirkan masak masak sebelum memasangnya, Jangan memasang NO telp/Handphone orang, badan usaha atau Perusahaan tanpa adanya persetujuan. Agar tidak terjadi hal hal yang tidak di inginkan (Misalnya spam, penipuan dll..) ...!!!!!!!!!!

Add comment


Go to top