Pages

  • Home
  • Daftar Artikel

Menambahkan Facebook Comment di Page Dinamis

Umumnya, website dinamis menggunakan kode PHP, ASP dan lainnya. Banyak keuntungan yang didapatkan dari membuat halaman dinamis. Dengan membuat satu halaman saja yang isinya mengambil dari database maka kita akan memiliki jumlah halaman yang banyaknya sejumlah data yang dimuat tersebut.

Sangat mudah untuk mengenali halaman dinamis, biasanya di urlnya memiliki variable yang ditandai dengan "?". Meskipun saat ini para web developer yang sangat cerdas telah memanipulasi penggunaan variable pada url dengan menggunakan rerwrite rule pada file .htaccess kita masih dapat mengenali suatu halaman merupakan halaman dinamis atau tidak.

Terima kasih kepada facebook yang telah memberikan kita kesempatan untuk menambahkan fasilitas komentarnya di halaman kita. Meskipun jika dilihat dari kode yang diberikan kita harus menempatkannya pada url yang statis. Bersukur kepada para pengembang kode, hingga kita dapat mengakali hal tersebut.

Lihatlah contoh kode dari gambar dari facebook ini.
http://developers.facebook.com/docs/reference/plugins/comments/

Dengan klik pada "Get Code" kita akan mendapatkan kode seperti berikut:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
(kode di atas diletakkan setelah tag <body>)

Jangan lupa untuk mengganti ID dengan ID aplikasi yang bisa didapatkan di http://developers.facebook.com. Dan
<div class="fb-comments" data-href="http://example.com" data-width="470" data-num-posts="10"></div>
(diletakkan pada tempat yang kita ingin comment facebook muncul).


Permasalahannya adalah, jika kita menggunakan halaman dinamis, yang isinya berubah-ubah sesuai variable tetapi sebenarnya halamannya cuma satu saja.
misalnya http://www.abcdefgh.com/index.php?var1=xyz

Kita menginginkan agar comment tersebut mengomentari isi dari halaman dalam url di atas adalah isi dari variable xyz. Tentunya di halaman ini juga jika variable berubah menjadi index.php?var1=klm maka isinya juga akan berubah.

Caranya di CodeCharge Studio:
pada tempat kita ingin meletakkan comment facebook tersebut, buatlah satu Label menggunakan Toolbox Form. beri nama "comment"

Kemudian pada Page Event, Add Event di Before Show. Tulis kode berikut:

global $comment;
$url = $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];
$comment->SetText("<div class='fb-comments' data-href='$url' data-num-posts='20' data-width='470' data-colorscheme='dark'></div>");

Selesai. Silahkan preview.



1 comment: