Membuat HTML link langsung menuju SMS dan Telepon

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');