Facebook Open Graph Protocol

By Yuan Yudistira On April 30, 2010 · Leave a Comment

Rating: 0 (from 0 votes)

Rating: 0.0/10 (0 votes cast)

Belakangan lagi seneng main facebook,….

Jadi ngomongin facebook lagi nih.

Belum lama ini facebook mengumumkan telah mengeluarkan satu protokol baru bernama Open Graph Protocol, langsung lihat di TKP. Mahluk apakah gerangan Open Graph Protocol ini?

Kira kira begini …

Open Graph Protocol ini sebuah protocol yang memungkinkan semua orang dengan mudah merubah halaman web apapun menjadi sebuah bagian dalam sebuah “social graph”.

Social Graph ini kira kira ambisinya si facebook untuk menfasilitasi graph yang menggambarkan peta jejaring sosial. Misalnya siapa suka makan apa, di restoran apa, senengnya nonton filem apa dst.

Jadi memang open graph protocol ini dirancang untuk halaman halaman website yang berisi tentang – menggunakan istilah facebook – “real world thing”. Misal restoran, tokoh, jenis makanan, tempat dll. Walau sebenarnya anda bisa pakai di halaman tentang apa pun.

Bagaiman Caranya :

Masukan Meta Data dalam tag <head></head> kode meta datab sbb :

<meta property="og:title" content="Yuan Yudistira"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="http://www.sabukhitam.com/sabukhitamlogo.gif"/>
<meta property="og:url" content="http://www.sabukhitam.com/"/>
<meta property="og:site_name" content="Konsultan Bisnis Internet"/>
<meta property="fb:admins" content="yuan.yudistira"/>
<meta property="og:country-name" content="Indonesia"/>
<meta property="og:region" content="Jakarta"/>
<meta property="og:email" content="xx@xxxx.xxx"/>
<meta property="og:phone_number" content="021-57851xx"/>
<meta property="og:api_key" content="xxxxxxx" />

Ganti field tsb di atas dengan informasi yang sesuai dengan kondisi anda
Buat Aplikasi di facebook melalui halaman ini : Setup Facebook Application (isi nama dan urlnya)
Setelah pada langkah tiga, anda akan mendapatkan api_key, dan masukan pada field di langkah satu dibagian <meta property=”og:api_key” content=”xxxxxxx” />
Untuk menambahkan like button, anda tinggal menambahkan kode sbb di halaman anda :

<p><fb:login-button autologoutlink="true"></fb:login-button></p>
    <p><fb:like></fb:like></p>

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: '115666028464371', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>

Untuk menambahkan comment : kode nya adalah sbb :

    <h1>itstaff.asia</h1>
    <p><fb:login-button autologoutlink="true"></fb:login-button></p>
    <p><fb:comments></fb:comments></p>

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: '115666028464371', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>

Jika anda lihat betapa mudahnya membuat sebuah halaman menjadi “social” dengan memanfaatkan facebook open graph protocol, maka bisa kita bayangkan segera semua halaman di internet menjadi sebuah facebook fans page.

Dari sudut internet marketing, ini adalah alat marketing baru. Jika anda memiliki produk atau lokasi atau misalnya anda ingin memasarkan diri Anda sebagai sebuah tokoh dll, maka anda perlu segera membuat sebuah halaman web yang di dalamnya anda masukan meta data untuk mendukung facebook open graph api ini. Dan jangan lupa untuk memasukan facebook button like. Sehingga fans produk anda, atau fans Anda bisa “menekan” tombol suka ini.

Apa yang terjadi ketika seseorang menekan tombol suka? Maka aktifitasnya ini (“menyukai Anda atau produk Anda”), akan muncul di halaman profile nya dan dilihat oleh teman temannya. Sudah menjadi maklum jika paling tidak setiap orang di facebook memiliki teman tak kurang dari 100 orang. Artinya secara tidak langsung, produk Anda akan dilihat oleh ke 100 orang teman dari fans baru Anda ini. Luar biasa bukan?

Nah,… kalau Anda tidak percaya… silahkan Anda test tombol suka ini yang ada di bagian bawah artikel ini