About Me

Hai, saya Rosihan Ari Yuana. Saya sehari-hari adalah mengajar di Universitas Sebelas Maret.

Bidang riset saya tentang adaptive learning, computer aided learning, dan datascience

Selain itu, saya juga seorang penulis buku dan blogger.

More about me...

  • Home
  • /
  • Javascript
  • /
  • Membuat Sendiri Share Link Ke Social Network Dengan Javascript

Membuat Sendiri Share Link Ke Social Network Dengan Javascript

Pernahkah Anda melihat link seperti di bawah ini di blog-blog atau situs orang lain?

share link social network

Ngomong-omong? buat apaan sih link gituan? Buat kalian yang belum tahu gunanya? Link tersebut digunakan untuk membagi link (share link) dari URL artikel yang sedang dibaca ke situs jejaring sosial milik kita, boleh jadi dishare ke Facebook, Twitter, dll.

Nah… bila Anda menggunakan WordPress, ada sih plugin yang menampilkan link share tersebut yang nantinya akan muncul di setiap postingan. Diharapkan dengan link tersebut, pembaca atau pengunjung blog yang tertarik dengan sebuah postingan tersebut bisa mensharenya langsung ke situs jejaring miliknya.

Sekarang… bagaimana bila kita memasang link share tersebut tanpa plugin apa-apa alias membuatnya sendiri? Dengan membuat sendiri, kita bisa memasangnya di CMS buatan kita sendiri atau situs pribadi kita.

So… bagaimana caranya kalo kita buat sendiri link sharenya? OK.. langkah pertama kita harus tahu dulu URL di masing-masing social network untuk share link ini. Berikut ini beberapa URL dari social network untuk share linknya.

Facebook : http://www.facebook.com/share.php?u=url
Twitter: http://twitter.com/home/?status=url
Digg: http://digg.com/submit?url=url
Reddit: http://www.reddit.com/submit?url=url

Perhatikan keempat URL untuk keperluan share link di masing-masing social network di atas. Semuanya terdapat kesamaan yaitu adanya parameter ‘url‘. Parameter inilah yang akan diisi dengan URL yang akan kita share. Sebagai contoh misalkan kita ingin menshare sebuah URL https://blog.rosihanari.net ke Facebook, maka kita gunakan URL http://www.facebook.com/share.php?u=https://blog.rosihanari.net.

Dah paham konsepnya ya? Sekarang misalkan kita punya blog atau CMS buatan sendiri. Lalu bagaimana cara menaruh share link tersebut ke setiap postingan, dan URL yang dishare itu menyesuaikan URL dari artikel yang sedang dibaca oleh visitor? atau dengan kata lain, bagaimana cara membuat script supaya parameter ‘url’ yang ada di setiap share link social network di atas secara otomatis terisi oleh URL dari setiap artikel yang ada di blog kita?

Nah… untuk melakukan hal tersebut caranya mudah, kita bisa membaca link URL dari setiap artikel yang ada di blog dengan menggunakan perintah Javascript ‘document.URL‘. Dalam Javascript, perintah ‘document.URL‘ digunakan untuk membaca URL dari halaman web yang sedang tampil di browser. Sehingga, dengan perintah ini kita bisa membuat share link ke social network nya dengan cara sbb:

<br>
Share this article on:<br>
<script language="javascript">
document.write("<a href='http://twitter.com/home/?status=" + document.URL + "'>Twitter</a> | <a href='http://www.facebook.com/share.php?u=" + document.URL + "'>Facebook</a> | <a href='http://www.reddit.com/submit?url=" + document.URL + "'>Reddit</a> | <a href='http://digg.com/submit?url=" + document.URL + "'>Digg</a>");
</script>

</p>

Javascript di atas selanjutnya kita taruh di setiap halaman artikel di blog atau CMS kita. Dan hasilnya… bisa Anda lihat di bawah artikel ini 🙂 dan juga di bagian bawah semua artikel yang ada di blog ini. Barusan tadi saya punya ide untuk membuatnya sendiri tanpa menggunakan plugin apa-apa. Memang sih simple, tapi keren kan? ceilee… muji sendiri. Supaya lebih menarik, Anda bisa menambahkan icon dari setiap social network.

Dengan adanya share link tersebut, blog kita akan mendapat traffic gratis yang berasal dari social network. Selamat mencoba ya !!


Saya seorang dosen dan peneliti di Universitas Sebelas Maret. Bidang penelitian saya tentang: adaptive learning, datascience, dan computer aided learning. Selain itu saya juga seorang blogger, serta penulis buku tentang pemrograman, dan matematika.

Leave a Reply