Wednesday, January 08, 2025

Breaking News
-Hallo Selamat Datang di Blog myriosatriyo.blogspot.co.id- -follow akun twitter(@Rio8Satriyo), instagram (@riiosatriyo)

Monday, 30 March 2015

Mengintegrasikan Komentar Facebook Pada Website berbasis CMS WordPess

Mengintegrasikan Komentar Facebook Pada Website berbasis CMS WordPess

                Mengintegrasikan layanan media sosial dalam desain website Anda adalah penting jika Anda ingin membuatnya mudah bagi pembaca untuk berbagi konten Anda. Sementara beberapa pengguna senang dengan tombol media sosial yang sudah ada pada desain template mereka, mayoritas pengguna WordPress menginstal plugin untuk secara otomatis menanamkan berbagi link pada halaman mereka. Banyak dari Anda akan menemukan bahwa plugin tidak persis apa yang Anda butuhkan; lain tidak begitu banyak. Beberapa kode buruk, dan sebagian besar mencakup layanan yang Anda hanya tidak perlu. Dan sementara beberapa plugin media sosial yang besar di luar sana, mereka tidak mengintegrasikan dengan setiap desain WordPress.



Jika Anda tidak nyaman mengedit template WordPress, plugin mungkin adalah solusi terbaik. Jika Anda merasa nyaman membuat beberapa pengeditan tema, kemudian mempertimbangkan secara manual mengintegrasikan media sosial sehingga Anda memiliki kontrol lebih besar atas jasa apa yang muncul di website Anda.
            Pada kali ini, kami akan menunjukkan kepada Anda bagaimana untuk secara manual mengintegrasikan layanan media sosial paling populer di situs Web Anda yaitu Facebook. Pertama, Anda akan belajar bagaimana untuk mengintegrasikan komentar Facebook pada website WordPress Anda, untuk membuatnya lebih mudah bagi pembaca untuk mendiskusikan posting Anda. 
Berikut ini langkah-langkah cara mengintegrasikan facebook API pada website (menggunakan WordPess) :

Langkah 1 : Setup Aplikasi Facebook

            Untuk menggunakan komentar Facebook pada website Anda, membuat aplikasi komentar baru untuk website Anda pada halaman Facebook Application. Langkah ini diperlukan, apakah Anda menambahkan komentar Facebook secara manual menggunakan plugin pihak ketiga atau dengan plugin resmi Facebook. Kemudian pilih Apps




Langkah 2 : Buat Aplikasi Facebook Baru

            Setelah masuk halaman Apps kemudian klik pada "+ Create New App" tombol pada halaman Aplikasi Facebook, dan masukkan nama yang unik untuk aplikasi Anda dalam "App Display Name" lapangan. The "App Namespace" lapangan tidak harus diisi untuk komentar Facebook (itu digunakan dengan Protokol Facebook Open Graph).



Lakukan setup pada aplikasi baru yang akan kita buat sesuai penjelasan di bawah ini.Isikan nama Apps dengan nama koment_bersama. Selanjutnya klik Create New Facebook App ID dan pilih kategori : Aplikasi untuk halaman. Setelah itu Create App ID


Berikut hasil dari membuat aplikasi baru




Langkah 3 : Masuk ke Aplikasi Facebook
Setelah berhasil membuat aplikasi baru maka kita akan langsung dibawa ke dashbord aplikasi yang kita buat tadi.
Anda kemudian akan diberikan dengan "App ID / API key" dan "App kunci rahasia." Anda tidak perlu mengingat angka-angka ini karena resmi komentar Facebook Plugin secara otomatis memasukkan mereka ke dalam kode yang Anda butuhkan untuk menambah Anda situs.




Langkah 4 : Tambahkan kode untuk Website Anda

            Selanjutnya, kembali ke halaman Facebook Comments Plugin dan mendapatkan kode untuk website Anda. Kotak ini memungkinkan Anda untuk mengubah URL yang komentar akan ditempatkan, jumlah komentar yang akan ditampilkan, lebar kotak dan skema warna (terang atau gelap).




Anda tidak perlu khawatir tentang apa yang Anda masukkan dalam kotak karena semua atribut dapat dimodifikasi secara manual. Dan tidak peduli apa yang Anda masukkan URL karena kami akan menggantinya nanti dengan permalink WordPress:
a. href  URL ini untuk Komentar Plugin. berita feed Stores di Facebook akan link ke URL ini.
  b. Lebar
      Lebar plugin dalam piksel. Minimum yang disarankan lebar 400 piksel.
  c. Colorscheme
      Skema warna untuk plugin (baik terang atau gelap).
  d. Num_Post
      Jumlah komentar yang ditunjukkan secara default. Standarnya  10, dan minimum adalah 1.
  e. mobile (beta)
     Apakah akan menampilkan versi mobile. Standarnya default adalah false.

Langkah 5 : Menggenerate Kode API Untuk Web
          Bila Anda klik pada tombol "Get Code", sebuah kotak akan muncul dengan kode plugin anda (memilih opsi HTML5, karena FBML sedang usang). Pastikan untuk memilih aplikasi yang Anda tetapkan sebelumnya untuk komentar Anda sehingga ID aplikasi yang benar ditambahkan ke kode




Langkah 6 : Masukkan potongan pertama dari kode langsung pada template header.php Anda.
Buka hosting tempat file wordpress diinstall. Setelah itu akan tampil beberapa file dan pilih header.php


Kemudian masukkan potongan pertama dari hasil generate ke dalam file header.php setelah <Body>.


Langkah 7 :  Masukkan Potongan kedua Pada Template comments.php Anda
            Untuk menempatkan komentar Facebook di atas komentar WordPress, tambahkan kode di atas tepat di bawah garis yang bertuliskan <! - Anda dapat mulai mengedit di sini. -> Dalam template comments.php. Untuk menempatkan komentar Facebook di bawah komentar WordPress, tambahkan kode di atas di bawah </ form> tag (lagi dalam template comments.php).



Langkah 8 : Refresh halaman Web anda. Berikan Komen pada kotak komentar.  







Hasil komentar akan diintegrasikan ke Facebook dengan cara centang pada kotak kecil dengan tulisan “kirim juga ke facebook”.Mudah kan!!!!!!











No comments:

Post a Comment

Designed By