Tutorial WordPress : Menghubungkan WordPress Dengan Facebook Menggunakan Plugin Gratis

Beberapa bulan yang lalu saya posting artikel tutorial wordpress mengenai cara auto posting wordpress ke facebook menggunakan plugin gratis Facebook Page Publish. Sekian lama ternyata responnya cukup banyak, artinya sebagian besar membutuhkan.

Yang menjadi masalah adalah plugin tersebut sudah out of date, sudah jadul dan tidak pernah diupdate lagi oleh pembuatnya. Nah disini saya mau kasih tutorial terbaru, menggunakan plugin baru, untuk menghubungkan posting wordpress ke Facebook dan Twitter. Jadi setiap posting akan update status otomatis ke akun Facebook dan Twitter. Untuk Twitter akan dibahas di artikel terpisah.

Plugin yang digunakan kali ini juga gratis, yaitu NEXT Script. Plugin ini sangat lengkap untuk menghubungkan WordPress ke layanan sosial media seperti Facebook, Twitter, Blogspot, Flickr dll. Tetapi kita fokus ke socmed yang paling sering digunakan saja, yaitu Facebook. Berikut langkah-langkah praktis dari mulai download, install, setting dan testing.

Sebelum dimulai dalam tutorial ini saya akan menggunakan website blog.bhaktiutama.com ini sebagai contoh. Tentunya dalam prakteknya nanti anda harus mengganti dengan nama dan alamat website anda sendiri.

1. Download Dan Install Plugin 

Pertama tentu saja download plugin Next Script  disini, kemudian masuk ke menu Plugins  > Add New, selanjutkan gunakan fasilitas Upload Plugin, pilih file yang telah didownload tadi dan aktifkan.

Atau cara paling praktis adalah install plugin tanpa perlu upload. Pada halaman Add New tadi ketik pada field Search : “NextScripts” cari yang memiliki nama lengkap “NextScripts: Social Networks Auto-Poster” dan klik link atau tombol Install Now dan langsung aktifkan dengan klik link Activate Plugin.

Tutorial WordPress : Install Plugin

Tutorial WordPress : Aktivasi Plugin

Saya anggap semua sudah bisa install plugin ya jadi saya tidak akan jelaskan lebih detail. Kalau masih kurang jelas, tinggalkan komen di bawah.

2. Mendapatkan Kode App ID dan App Secret Facebook 

Pada umumnya untuk menghubungkan blog apapun termasuk wordpress ke social media, kita dimintai dua buah kode token yaitu public key dan secret key untuk memastikan kita mempunyai hak akses ke profile social media tersebut. Bagian ini memang agak sulit, perhatikan setiap step yang saya tulis. Tidak semuanya tercapture digambar, tetapi nama-nama menu, link, tombol saya sebut sesuai kondisi aslinya.

  1. Pastikan sudah login dan memiliki session di Facebook
  2. Arahkan browser ke : https://developers.facebook.com
  3. Pilih menu Apps  > Add a New App
    Tutorial WordPress : Add a New App di Facebook

    Tutorial WordPress : Add a New App di Facebook

  4. Akan muncul pilihan wizard, pilih saja link paling bawah yaitu Advanced Setup. Akan muncul window Create New App Id seperti berikut.  Isi pada bagian Display Name. Dalam hal ini akan saya isi : “Bhakti Journal” dan pilih pada bagian kategori yaitu “Apps for Pages”
    Tutorial WordPress : Create New App

    Tutorial WordPress : Create New App

  5. Klik tombol Create App ID dan isi Captcha dengan benar, akan tampil halaman dashboard. Klik tombol Show, isi password, kemudian akan tampil App ID dan App Secret seperti di bawah ini. Copy dan simpan nilai keduanya.
    Tutorial WordPress

    Tutorial WordPress : App ID dan App Secret

  6. Kemudian pada menu di bagian kiri, klik Setting. Pertama isi App Domains dengan alamat website kita, disini saya isi “blog.bhaktiutama.com”. Jangan lupa Contact Email juga wajib diisi sesuai email masing-masing tentunya.
  7. Kemudian klik tombol +Add Platform di bagian tengah.  Akan muncul semacam wizard lagi, pilih Website. Isi Site URL dengan alamat yang sama, disini saya isi dengan “blog.bhaktiutama.com” dan klik tombol Save Changes.
    Tutorial WordPress : Create App Facebook

    Tutorial WordPress : Create App Facebook

  8. Secara default aplikasi yang barusan kita buat belum online. Klik menu Status & Review. Kemudian klik toggle NO di bagian kanan agar menjadi YES.  Akan muncul dialog konfirmasi : “Are you sure you want to make your app public? It will become available to everyone.” pilih tombol Confirm.

Sampai disini selesai sudah setting aplikasi Facebook.

3. Setting Otorisasi Facebook

Sekarang kita akan setting plugin NextScript dengan kunci yang telah kita buat di Facebook.

  1. Masuk menu Settings > {SNAP} Social Network Auto Poster.
  2. Kemudian klik tombol Add new Account 
    Tutorial WordPress : Setting Nextscript

    Tutorial WordPress : Setting Nextscript

  3. Pilih Add New Network dengan Facebook, kemudian isi Account Nickname dengan sembarang nama, misal saya isi “Facebook”.
  4. Isi Facebook URL dengan alamat profile Facebook yang ingin kita koneksikan dengan WordPress, dalam hal ini saya isi “https://www.facebook.com/bhakti.utama”. Jika berupa Fan Page maka bisa diinput alamatnya disitu juga.
  5.  Isi Facebook App ID dan App Secret dari langkah sebelumnya. Kemudian di bagian bawah klik tombol Update Settings.
    Tutorial WordPress : Setting Nextscript

    Tutorial WordPress : Setting Nextscript

  6. Halaman akan refresh, dan muncul pesan “Attention requred. Unfinished setup”. Klik link sebelahnya [Show Settings]. Akan muncul link pada bagian bawah : Authorize Your Facebook Account. Klik link tersebut dan ikuti wizard dalam otorisasi Facebook terhadap website kita, dan klik tombol OK hingga tiga kali.
  7. Jika sudah selesai akan kembali ke halaman NextScript dengan kondisi sudah terotorisasi. Akan muncul pada halaman setting facebook bagian bawah seperti berikut :
    Tutorial WordPress : Otorisasi Berhasil

    Tutorial WordPress : Otorisasi Berhasil

  8. Lakukan percobaan dengan klik tombol Submit Test Post to Facebook. Jika berhasil akan ada pesan yang menandakan berhasil tidaknya. Cek ke profil Facebook untuk memastikan hasilnya OK
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s