Google Friend Connect
December 8, 2008 by maseko 
Setelah lebih dahulu melepas sebagai preview release bulan Mei tahun ini, beberapa hari yang lalu Google merilis ke publik layanan yang memungkinkan pemilik website atau blog untuk menambahkan fitur sosial bagi website atau blog yang dimiliki. Layanan tersebut adalah Google Friend Connect. Seperti umumnya layanan Google lainnya ketika diluncurkan, Google Friend Connect pun masih dalam tahap Beta. Dengan menggunakan Friend Connect ini, pemilik website atau blog dapat membentuk komunitas berbasiskan website atau blognya dengan memungkinkan orang lain bergabung dengan account Google, Yahoo, AIM, atau OpenID. Masing-masing anggota dapat menunjukan profilnya termasuk menambahkan link-link yang dimiliki dan website atau blog lain yang diikutinya, menjalin petemanan dan berinteraksi antar anggota.
Langkah untuk menggunakan Google Friend Connect bagi pemilik website atau blog dapat dibilang cukup mudah, yang secara garis besar digambarkan sebagai berikut:
Langkah-langkah berikut adalah yang saya lakukan ketika saya menggunakannya untuk blog ini.
Pertama saya masuk ke website Google Friend Connect dan harus login menggunakan Google Account. Setelah itu, saya klik link Setup a new site dan kemudian akan diberikan gambaran langkah-langkah yang harus dilakukan seperti gambar di atas. Selanjutnya saya pilih Continue untuk melanjutkan. Selanjutnya masuk langkah pertama yaitu memasukkan nama situs dan URL-nya. Di sini saya masukkan maseko’s weblog sebagai Site name dan http://maseko.com sebagai Home URL. Setelah itu saya pilih Continue.
Masuk langkah kedua, saya diminta untuk mendownload dua file yang diperlukan yaitu rpc_relay.html dan canvas.html. Kedua file ini kemudian harus saya letakkan di webserver tempat maseko’s weblog dihosting dan nantinya harus dapat diakses pada alamat http://maseko.com/rpc_relay.html dan http://maseko.com/canvas.html. Untuk meletakkan dua file ini pada web server tempat blog ini saya hosting, bisa saja saya mentransfernya dengan FTP, tetapi saya memilih menggunakan fasilitas File Manager dari Cpanel. Setelah saya pastikan bahwa kedua file tersebut sudah masuk, saya klik Continue untuk masuk langkah berikutnya.
Langkah berikutnya, merupakan langkah untuk mengetes apakah kedua file yang diharuskan untuk dihosting di webserver seperti pada langkah sebelumnya benar-benar sudah dilakukan atau belum. Jika misalnya Google menyatakan belum menemukan kedua file ini, maka saya perlu mengecek ulang dan memastikan lagi kedua file ini, namun karena sudah, maka saya akan dibawa ke langkah berikutnya.
Langkah berikutnya adalah menambahkan Members gadget untuk ditampilkan di blog atau website yang didaftarkan. Ini merupakan salah satu gadget yang disediakan yang gunanya untuk menampilkan daftar anggota yang telah bergabung dan sebagai sarana pengunjung lain untuk bergabung. Jika saya menginginkan gadget lain yang akan ditampilkan, bisa saja saya memilih dari menu Social gadgets sebelah kiri, tetapi saya memang akan memilih members gadget ini yang akan ditampilkan saat ini, maka saya klik Get code for the Members gadget.
Pada langkah berikutnya untuk menambahkan Members Gadget, di sini saya perlu menentukan ukuran gadget yang akan dipasang dalam pixel. Karena saya berniat untuk memasangnya pada sidebar kanan, saya ubah ukurannya agar gadget tersebut diperkirakan akan pas untuk ditampilkan. Selain ukuran, di sini pula saya dapat menentukan warna-warna yang akan digunakan pada masing elemen-elemen Members gadget, seperti background, teks, maupun link-nya. Karena saya tidak paham dengan pewarnaan, saya terima saja warna-warna default yang diberikan. Setelah itu, saya klik tombol Generate code untuk mendapatkan kode HTML yang diperlukan untuk menambahkan Member gadget ini.
Setelah kode HTML saya dapatkan, saatnya mengedit file theme WordPress yang saya gunakan di blog ini. Untuk menambahkan di sidebar kanan, file yang perlu saya edit adalah file sidebar.php, dan ini mungkin saja akan berbeda jika saya menggunakan theme lain. Hasilnya, saat ini dapat dilihat pada sidebar.
Dapat dicoba, jika diklik pada ikon window di bagian kanan atas gadget tersebut, maka akan ditampilkan layar yang lebih lebar untuk menampilkan member yang sudah bergabung. Dari URL-nya saya melihat file yang digunakan adalah file canvas.html. Iseng saya coba edit file ini untuk menyesuaikan theme blog ini. Yang perlu saya perhatikan di sini adalah bahwa pada tiap bagian yang dimulai <!—REQUIRED sampai dengan <!–END REQUIRED—> tetap dipertahankan, begitu juga dengan style yang ada, hampir semuanya saya pertahankan.
Saatnya mengenalkan ke teman-teman dan tadi saya coba dengan menginformasikan dan menawarkan ke teman-teman di Plurk untuk bergabung. Hasilnya beberapa teman plurker telah bergabung. Saya mengucapkan terima kasih untuk a2i3s, beckhans, f4n6ky, belgaman, dan Rienayesha yang telah sudi bergabung sampai saya menuliskan ini.
Gadget lain yang tersedia melalui menu Social gadget diantaranya adalah Wall gadget yang memungkinkan pengunjung menambahkan komentar, link, atau video YouTube. Review/Rate gadget disediakan untuk memberikan kesempatan pengunjung memberi nilai pada suatu halaman atau objek tertentu pada halaman seperti foto atau video. Selain dua gadget ini dan beberapa gadget demo lainnya, dimungkinkan pula untuk menambahkan gadget lain dari OpenSocial developer.
Google Friend Connect untuk Blog di Blogger
Pemilik blog di Blogger atau Blogspot dapat juga menambahkan fitur sosial Friend Connect ini dengan langkah yang kurang lebih sama dengan yang saya tuliskan di atas, kecuali pada langkah kedua, pemilik blog di Blogger tidak perlu mendownload file canvas.html dan rpc_relay.html. Dan untuk menysisipkan kode yang diperlukan untuk menambahkan gadget, dapat dilakukan dengan menegedit template blog yang digunakan.
Sayangnya, karena penggunaan Google Friend Connect memerlukan langkah menempatkan dua file pada webserver juga menyisipkan kode javascript, akan sulit untuk digunakan oleh pemilik website atau blog yang tidak dihosting sendiri seperti pengguna WordPress.com, kecuali untuk pemilik blog di Blogger yang notabene milik Google juga. Untuk Blogger sendiri, kalau tidak salah sudah ada fasilitas sejenis yang lebih dulu disediakan Google yaitu dengan menggunakan widget Followers.
Bagaimana, apakah Anda tertarik untuk menggunakan Google Friend Connect seperti yang saya lakukan dan langkahnya telah saya tuliskan di atas? Jangan lupa pula untuk bergabung menjadi anggota komunitas maseko’s weblog dengan cara klik Join this site pada gadget di sidebar kanan.
[Update: 09-12-2008] : Ditambahkan dan melakukan edit terkait informasi penggunaan Google Friend Connect untuk blog di Blogger. Terima kasih deden™ atas tambahan informasi ini.
Posted in Blogging, Google, Web Application
Dengan senang hati maseko, btw klo mau masang di blog rien sepertinya masih belum saatnya d.