Tutorial Mengambil Live Updates Status Media Sosial tanpa API key
Hallo selamat hari raya Idul Fitri bagi teman-teman yang merayakan. Mohon maaf lahir bathin.
Kali ini saya ingin mencoba membeberkan beberapa trik untuk mengambil live updates dari akun sosial media yang teman-teman miliki. Cara ini saya dapatkan sejak beberapa bulan lalu dan sudah saya implementasikan di blog. Contohnya saya tempatkan di halaman depan blog ini. Dulu saya pasang karena blog ini masih sepi, semenjak nemu cara ini, blog saya jadi lebih up to date karena memang saya lebih cerewet di sosmed dibanding blog. hehe. Selain informatif, nantinya widget ini dapat dikustom dan dipasang di website / blog sebagai pemanis website / blog anda.
Banyak cara untuk mengambil live updates dari socmed terkenal seperti facebook, instagram, google plus dan twitter. Cara yang paling ampuh adalah dengan memanfaatkan API mereka. Cara ini memang paling memuaskan karena lengkap. Namun cara ini sedikit agak rumit karena kita harus memiliki API key dan berkutat dengan Post dan Get method. Yang artinya harus menggunakan server side scripting dan authentication key & token yang tidak bisa diterapkan pada Blogger.
Nah untuk mengatasi ini, kita dapat memanfaatkan RSS Feed
Beberapa penyedia jasa RSS feed untuk social media adalah :
Twitter :
https://queryfeed.net
Facebook :
https://fbrss.com/
Google plus :
http://gplusrss.com/
Blogger:
http://www.namablog.blogspot.com/feeds/posts/default?orderby=published
Youtube:
https://www.youtube.com/feeds/videos.xml?user=nama_user
Instagram, Soundcloud dll :
http://rssbridge.buddylist.co
Selanjutnya anda hanya tinggal mengikuti dan mengisi form yang ada disitu seperti username, Facebook ID, youtube username, login via facebook, login via g+, dll. Hingga nanti kita akan diberikan URL feed dalam bentuk XML / RSS / Atom.
Seperti ini contohnya update dari socmed milik saya (copas di browser untuk tahu bentuk XML nya) :
- https://queryfeed.net/twitter?q=from%3Adavithace&geocode=&omit-direct=on&attach=on
- http://gplusrss.com/rss/feed/535ea2b438c297f5dfa7508ba13b7c385453031f101c4
- http://rssbridge.buddylist.co/?action=display&bridge=InstagramBridge&u=davithace&format=AtomFormat
- https://www.youtube.com/feeds/videos.xml?user=davidprasetyo19
- https://fbrss.com/feed/6009f36b4453aff3508cd06c4615daeee8b15f0d.xml?me
Sebagai info, link-link tersebut memang tidak live 100%, karena gratis, jadi butuh waktu beberapa menit hingga beberapa jam untuk mensinkronkan isinya dengan akun socmed kita.
Setelah teman-teman mendapatkan feed dalam bentuk url yang berisi live XML sekarang tinggal dirender ke HTML. Atau bagi yang belum tau caranya, bisa ke http://feed.mikle.com/
Disitu anda bisa pasang widget update RSS feed dari social media anda.
Berikut contohnya :
Copy url feed milik anda lalu taruh di bagian field add feed.
Ini setting lebih lanjutnya, silahkan berkreasi sesuai dengan selera anda :)
Sekarang tinggal pasang widget di blog / website anda dengan cara mengcopy code yang telah di-auto generated. Mudah bukan?
kasi tutorial bikin webdengan dsign templatenya doong.....
BalasHapuscara bikin muncul sosmed update d branda gmn....?
untuk custom template bisa dipelajari dengan binding data dari hasil XML nya..
HapusConvert dulu ke json, baru dirender ke HTML.
styling tentu dengan CSS.