by Donna Trianty

Apr 11, 2012

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-ngomong? Buat apaan sih link itu? 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, dapat dishare ke Facebook, Twitter, dll.Nah… bila Anda menggunakan WordPress, ada 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 men-sharenya 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 http:// piecesly.blogspot.com  ke Facebook, maka kita gunakan URL http://www.facebook.com/share.php?u=http://piecesly.blogspot.comDah 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:

1.Share this article on:2.<script language="javascript">3.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>");4.</script>

Javascript di atas selanjutnya kita taruh di setiap halaman artikel di blog atau CMS kita. Barusan tadi saya punya ide untuk membuatnya sendiri tanpa menggunakan plugin apa-apa. Memang simple, tapi keren kan?:D. 
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 !!^^

No comments:

Post a Comment

be ur self