Annisa Fauziyyah Customer Support Group Niagahoster. Sangat menyukai bisnis online dan saat ini sedang mendalami Internet Marketing.

Cara Membuat Instant Article Facebook di WordPress

3 min read

cara menghubungkan wordpress dengan facebook

Apa Itu Facebook Instant Article?

Facebook Instant Article merupakan salah satu fitur marketing dalam Facebook yang dapat membuat tautan artikel di Facebook Mobile menjadi 10x lebih cepat dibuka dibandingkan postingan biasa. Pengguna tidak perlu menunggu loading terlalu lama dan berpindah ke web browser terlebih dahulu untuk dapat membaca tautan artikel yang diinginkan.

Nah, dalam Facebook Mobile, fitur Facebook Instant Articles ditandai dengan tanda petir pada bagian kanan post image seperti gambar berikut.

screenshot_14
screenshot_2016-11-03-13-49-58-187_com-facebook-katana

Ketika Anda klik postingan artikel tersebut, Anda akan langsung diarahkan ke sana tanpa harus membuka web browser terlebih dahulu. Menarik, bukan? Facebook Instant Articles menghadirkan pengalaman akses artikel melalui Facebook tanpa loading page.

Baca Juga: Panduan Lengkap Facebook Marketing untuk Pemula

Media ternama seperti Kompas, Liputan 6, Brightside, Mashable, dan National Geographic telah menggunakannya. Sebagai penanda, terdapat tanda petir pada bagian atas postingan artikel di Facebook saat Anda mengaksesnya melalui versi mobile. Anda juga bisa menggunakannya pada page Facebook yang Anda kelola. Postingan artikel menarik pada website WordPress dapat Anda hubungkan dengan facebook articles untuk akses lebih nyaman dan cepat.

Apa yang Dapat Dilakukan Facebook Instant Articles untuk Anda?

  • Facebook Instant Articles 10x Lebih Cepat
    Pengguna tidak perlu menuggu waktu untuk melihat artikel/posting Anda. Mereka akan merasa lebih nyaman ketika membaca artikel di website WordPress tanpa harus menunggu loading.
  • Jangkauan Post Lebih Luas
    Loading time yang lebih cepat memungkinkan pengguna lebih mudah untuk membagikan artikel dan jangkauan Anda tentu semakin luas.
screen-shoot-instant-article
  • Leluasa Melakukan Pengaturan
    Dengan membuat Instant Article Facebook Anda lebih leluasa menyesuaikan pengaturan brand Anda. Logo hingga warna dapat Anda sesuaikan sesuai keinginan.
  • Analisis Network Audience
    Informasi detail audience yang mengakses artikel bisa Anda lihat, bahkan informasi jumlah klik per artikel pun tersedia dalam Facebook Instant Articles ini.

Bagaimana Cara Menggunakan Facebook Instant Articles?

Dalam artikel ini Anda dapat sendiri mencoba cara mudah menghubungkan Facebook Instant Articles ke website WordPress Anda.

[ecko_alert color=”gray”]Akan tetapi, sebelum Anda menggunakan Facebook Instant Articles, ada beberapa hal yang perlu Anda persiapkan:

  • Fanpage Facebook untuk website WordPress Anda
  • Website WordPress
  • Menginstal plugin Instant Articles for WP di WordPress
  • Memiliki lebih dari 10 artikel di website [/ecko_alert]

    Jika Anda sudah memenuhi persyaratan yang ditetapkan di atas, ikuti langkah berikut untuk mulai menggunakan Facebook Instant Articles pada website Anda.

    1. Sign Up di Facebook Instant Articles

    1. Pertama-tama, akses https://instantarticles.fb.com/ dan klik SIGN UP.

    step1

    2. Setelah Anda klik SIGN UP, pilih page Facebook yang akan Anda gunakan untuk Facebook Instant Articles.

    step2

    3. Kemudian, saatnya Anda menghubungkan dengan website WordPress Anda. Klik Connect Your Site pada bagian Langkah 1 sebagaimana ditandai dalam kotak merah di bawah ini.

    step3

    4. Dalam menu Connect Your Site masukkan URL website WordPress yang akan Anda gunakan.
    Sebelum klaim URL website Anda, masukkan terlebih dahulu meta tag pada website WordPress Anda.

    step4

    5. Copy meta tag yang tertera pada halaman Facebook Anda dan masukkan pada bagian footer WordPress Editor Anda.

    step5
    step6

    6. Jika sudah, klik Klaim URL hingga muncul tampilan seperti di bawah ini.

    step6

    7. Hal yang perlu Anda lakukan selanjutnya adalah melakukan pengaturan Produksi Umpan RSS di Facebook Instant Articles.
    Pada kolom Produksi Umpan RSS, masukkan URL berikut ini dan klik SIMPAN:
    http://www.example.com/feed/instant-articles

    step9

    2. Setting Plugin Instant Articles for WP pada Website WordPress 

    Selamat, pada tahap ini Anda telah berhasil melakukan pengaturan Facebook Instant Articles di Facebook. Selanjutnya Anda perlu melakukan pengaturan tambahan pada platform WordPress.

    1. Instal plugin Instant Articles for WP pada akun WordPress Anda. Cara instalasinya secara lengkap bisa Anda dapatkan melalui link berikut ini: https://www.niagahoster.co.id/kb/cara-instal-plugin-via-dashboard. Sedangkan plugin ini bisa Anda dapatkan di langsung di WordPress.org.

    stepinstalplugin

    2. Setelah instalasi selesai, masuklah pada halaman pengaturan plugin seperti gambar bawah ini untuk mengaktifkan plugin. 

    fbplugin
    3. Aktifkan Plugin Instant Articles pada WordPress

    1. Untuk mulai mengaktifkan, Anda memerlukan APP ID dan APP SECRET. Keduanya bisa Anda dapatkan melalui Facebook Apps. Kemudian, buka https://developers.facebook.com/apps/ dan klik Buat Aplikasi Baru.

    step10

    2. Masukkan nama aplikasi yang akan Anda buat. Kolom ini dapat Anda isi sesuai nama website atau apapun. Kemudian silakan masuk pada bagian Pengaturan, klik Tambahkan Platform, dan pilih Situs Web.

    step11

    3. Masukkan nama website Anda seperti pada gambar di bawah ini dan silakan kembali ke Dashboard untuk mendapatkan ID Aplikasi dan Kunci Rahasia Aplikasi.

    step13

    4. Sekarang Anda sudah mendapatkan ID Aplikasi dan Kunci Aplikasi untuk dimasukkan di website WordPress Anda. Namun, jangan lupa mengubah tinjauan aplikasi untuk publik.

    step14

    4. Kembali ke WordPress Anda, Masuk pada Pengaturan “Instant Articles”

    fbplugin

    1. Masukkan App ID berikut App Secret, kemudian klik NEXT. Login dan ikuti langkah-langkah selanjutnya untuk mengaktifkan plugin.

    step15

    2. Pilih halaman Facebook Anda dan atur tampilannya pada Facebook. Anda juga dapat memasukkan logo dan warna untuk tampilan postingan artikel Anda.

    step16

    3. Langkah selanjutnya adalah mempersiapkan artikel untuk validasi dari Facebook. Langkah ini diperlukan dalam rangka aktivasi Facebook Instant Articles. Sebelum klik Submit Review, pastikan Anda sudah mengikuti syarat dan ketentuan Facebook Instant Articles sesuai pengaturan.

    screenshot_13

    4. Tunggu sekitar 2-3 hari, Facebook akan meninjau pengajuan aktivasi Facebook Instant Articles Anda. Preview tampilan artikel yang Anda submit dapat dilihat melalui aplikasi Facebook Manager dalam versi mobile. Berikut adalah perbandingan tampilannya, semasa preview maupun setelah diterbitkan.

    sampleq
    screenshot_2016-11-10-10-14-14

    Kemampuan loading cepat serta kemudahan akses adalah dua benefit utama yang akan Anda dapatkan ketika menggunakan Facebook Instant Articles.

    Di masa arus informasi yang serba cepat seperti sekarang, fitur ini akan sangat membantu Anda, terutama dalam mendatangkan lebih banyak traffic ke website Anda.

    Selain dengan cara di atas, Anda juga dapat menggunakan WP Push Notifications untuk mendatangkan lebih banyak traffic. Ini adalah layanan yang akan mengirimkan notifikasi kepada pengguna setiap kali Anda menerbitkan konten terbaru. Seperti sebuah newsletter, hanya jauh lebih efektif.

    Akhir kata, demikian panduan cara membuat Instant Article Facebook di Website WordPress ini kami persembahkan untuk Anda. Selamat mencoba!

    wordpress
Annisa Fauziyyah Customer Support Group Niagahoster. Sangat menyukai bisnis online dan saat ini sedang mendalami Internet Marketing.

71 Replies to “Cara Membuat Instant Article Facebook di WordPress”

    1. Halo,

      Untuk iklan adsense supaya tampil di instant artikel, silakan tambahkan script adsensenya di plugin instant artikel pada bagian Advance Settings > Ads. Setelah itu silakan update/publish ulang setiap artikel blog, supaya script adsense terupdate di instant artikel. 🙂

      1. halo…
        saya ingin tau cara menampilkan iklan audience network pada instant article seperti apa? saya sudah berhasil buat namun tidak tau cara memunculkan iklannya

        1. Halo,

          Jika instant articles sudah aktif, untuk mengaktifkan audience network silakan buka Fans Page Anda, kemudian pilih tab "Publishing Tools", pada bagian "Instant Articles" pilih "Configuration > Audience Network" dan silakan diaktifkan. 🙂

  1. Sepertinya memang dengan Facebook Instant Articles akan lebih mudah dalam menjangkau pengguna sehingga bisa meningkatkan trafik untuk website kita.

  2. Kenapa saat mengaktifkan plugin muncul peringatan seperti ini. Parse error: syntax error, unexpected T_FUNCTION in /home/hads5432/public_html/wp-content/plugins/fb-instant-articles/facebook-instant-articles.php on line 18
    Mohon bantuannya

    1. Halo Hadzia! Secara normal, tidak ada error dalam instalasi plugin ini.
      Bila Anda menemukan error tersebut, mungkin disebabkan bentrok dengan salah satu plugin/theme

      Cara menemukan penyebab dan solusinya, Anda bisa Google dengan kata kunci:
      <code>Parse error: syntax error, unexpected T_FUNCTION in /home/ fb instant article</code>

      Silakan cek beberapa referensi. Biasanya akan ada berbagai penjelasan berbeda, Anda bisa sesuaikan dengan kondisi yang paling dekat dengan Anda 🙂

    2. Minta ke pihak hostingannya harus update dulu PHP Version 5.6 atau version 7 gan

  3. Kenapa pas klik submit review kok malah blank yah pluginsya? apa masih ada yang salah atau gimana kak, maksih sekali tutorialnya, ini memang bagus menrut saya

    1. Halo Firni! 🙂
      Itu bisa disebabkan karena faktor plugin/theme yang Anda gunakan.
      Silakan pastikan kompatibilitasnya sudah cukup memadai.

    1. Halo,

      Apakah yang dimaksud klaim URL? jika benar, setelah meta tag di letakkan di bawah tag <head> jangan lupa di save, setelah itu ditunggu beberapa menit, baru klik Klaim URL. Pastikan untuk memasukkan nama domain di website Anda pada kolom klaim url.

      1. kalau saya saat coba masukan app id dan reg key lalu di connect kan malah gk masuk ke step berikutnya blank gitu.. apa pengaruh hosting nya??

  4. hai. saya ada pertanyaan penting. bagaimana setting image utk instant artikel? harap dpt membantu sy. TQ

  5. thanks infonya,, newbie berat merasa terbantu,, moga mankin sukses niaga hoster,,

  6. Udah ngikutin langkah-langkahnya, tapi saat login facebook eeror setelah memasukkan ID app dan screet.
    Notif seperti berikut, mohon pencerahannya "Tidak Dapat Memuat URL: Domain dari URL ini tidak termasuk dalam domain aplikasi ini. Untuk dapat memuat URL ini, tambahkan semua domain dan subdomain dari aplikasi Anda ke kolom Domain Aplikasi dalam pengaturan aplikasi Anda."

  7. Terimakasih atas informasinya, terus terang sangat menambah wawasan saya semoga dapat bermanfaat untuk setiap yang membacanya.

  8. Pada bagian umpan RSS pengembangan cara setting nya bagaimana? Ataukah itu tidak harus disetting. Tolong dong dijelasin itu fungsinya untuk apa?

    1. Anda dapat memasukkan http://www.domaianda.com/feed/instant-articles, fungsinya untuk mempublish artikel ke instant article. 🙂

  9. Saya sudah berhasil membuatnya hingga sampai pada langkah ke-4 nomor 1
    tentang "Facebook Instant Articles Settings" :
    1. Set Up and Log In (sudah berhasil)
    NAMUN
    2. Select Your Page (tidak berhasil)
    3. Customize Your Style (tidak berhasil)
    4. Submit for Review (tidak berhasil)
    Dari nomor 3 sampai 4 saya tidak bisa Login (padahal facebook saya aktif dan sudah login) dan tidak bisa lanjut untuk ikuti langkah-langkah selanjutnya untuk mengaktifkan plugin. Mohon bantuannya. Terima kasih!

    1. Jika anda sudah melakukan konfigurasi dengan benar, biasanya memerlukan waktu untuk plugin terhubung ke facebook app. Untuk memastikan, silakan dicek kembali untuk APP ID dan APP Secret apakah sudah sesuai. 🙂

  10. terimakasih sharingnya, pertanyaanya apakah dengan instant ini tanpa membuka web browser masih terhitung page viewnya?

  11. Kok gambar thumbail di Facebook gak bisa muncul kenapa ya mas? Apa pengaruh masa review ini??
    Jadi yang muncul hanya judul artikel dan link saja..

  12. Jika mempunyai beberapa website dan juga beberapa fanpage apakah harus mendaftarkannya juga satu persatu dan juga untuk ID aplikasi nya juga harus satu persatu membuatnya untuk beberapa Website dan Fanpage nya tersebut?
    Terima kasih…

  13. saya sudah submit cuma dapet pesan kaya gini dari FB kira2 kenapa ya

    Additional Detail from your Reviewer:

    Please include all of the images found in the web article. Also, please make sure that the <img> tag is not wrapped in <p> tags which will cause the image to not render correctly:
    https://developers.facebook.com/docs/instant-articles/reference/image

    1. Dari pesan tersebut, semua gambar harus dimasukkan ke dalam artikel di instant articles dan pastikan untuk tag gambar <img> tidak berada di dalam tag <p>. Untuk mengeceknya silakan buka fanpage, kemudian pilih menu Publishing Tools > Production Articles, kemudian pada salah satu artikel silakan edit dengan memilih icon pensil. Anda dapat mengeditnya secara manual, atau mengganti template WordPress Anda.

  14. kak mau tanya, untuk pendapatan lebih bagus dari adsense atau dari iklan audience network bawaan fb ? trims sebelumnya.

    1. Tergantung dari konten dan harga iklan yang tampil, silakan dilakukan percobaan untuk membandingkannya.

    1. Untuk Blogger bisa, tapi Anda perlu melakukan pengaturan secara manual ketika akan mempublish 5 artikel untuk di review oleh pihak Facebook sesuai format dari instant articles.

      Untuk mengaturannya dapat Anda cek di halaman Facebook > pilih tab Publishing Tools> Production Articles > Create. Kemudian isi dengan artikel Anda sesuai dengan format yang dapat Anda lihat pada bagian Example Articles.

      Semoga membantu, 🙂

  15. Saya sudah di approve menjadi publisher. Saya bingung menempatkan kode html iklan di blog? dimana nya ya? terus pengisian info pembayaran ID pajak itu di isi apa??

    1. Untuk memasang code Audience Network, silakan login di dashboard WordPress, kemudian pilih menu Instant Articles. Pada bagian Ads, silakan lakukan pengaturan (Ad Type pilih Facebook Audience Network, Masukkan Audience Network Placement ID dan juga ukuran iklan pada bagian Ad Dimensions)

      Untuk info pembayaran pajak silakan diisi sesuai data yang diminta pada dokumen yang harus Anda download, seteleh diisi kemudian discan untuk dikirim kembali ke Facebook melalui menu yang tersedia.

  16. WAH, ini bisa jadi solusi karena sebelumnya pengunjung harus membuka tab baru lagi biar bisa membaca artikel. tapi katanya bisa menghasilkan uang, bener gak?

    1. Bisa, setelah Instant Articles di setujui Anda dapat langsung mendaftar Facebook Audience Network melalui Fan Page > Publishing Tools > Configuration > Tools > Audience Network

  17. Saya mengalamai kesulitan klaim, sudah benar penempatan, kok gagal terus ya.
    Apakah Niagahoster juga punya tutorial fb instant articles menggunakan plugin AMPforWP?

    1. Untuk klaim kadang memerlukan waktu, silakan ditunggu beberapa menit. Untuk tutorial instant article, baru tutorial ini yang kami buat.

  18. 3. Langkah selanjutnya adalah mempersiapkan artikel untuk validasi dari Facebook. Langkah ini diperlukan dalam rangka aktivasi Facebook Instant Articles. Sebelum klik Submit Review, pastikan Anda sudah mengikuti syarat dan ketentuan Facebook Instant Articles sesuai pengaturan.

    yang di bagian tidak terlalu jelas, bagaimana prosesnya

    1. Pada langkah ini Anda harus membuat artikel baru atau mengupdate artikel yang sudah ada dengan cara klik tombol update di editor WordPress (minimal 5 artikel). Secara otomatis artikel Anda akan masuk ke Fan Page di bagian "Publishing Tools > Artikel Instan/Instan Articles > Artikel Produksi/Production Articles".

  19. Halo mas, Mau Tanya , beberapa menit lalu saya meng-konsep 1 artikel (setelah diterima di IA), pada bagian bawah konsep memang bertuliskan "This post will be submitted to Instant Articles once it is published"

    Tapi di bawahnya

    No rules defined for <div class="cue-group style-scope ytd-transcript-body-renderer"> in the context of InstantArticle

    Mohon masukannya, pak.

    Tapi saat ini saya sedang pelajari. Terima Kasih sebelumnya, ijin bookmark

    1. Coba baris code tersebut dihapus saja, caranya buka Fan Page > Publishing Tools > Porduction Articles, klik logo pensil untuk membuka menu editor pada artikel Anda.

  20. Informasi yang sangat bermanfaat, saya akan coba praktekan, nanti jika ada kesulitan, saya akan bertanya lagi disini.

    Tka

  21. Ijin Bertanya, pak untuk tampilan plugin kok berbeda ya, di tutorial ini untuk plugin instan artikel di suruh masukan ID app dan kunci rahasia, tapi di plugin yang sekarang hanya ID Fanspage, serta tampilan lainnya beda, apa ada tutorial lainnya pak?

    Terimakasih, ijin bookmark.

    1. Untuk tampilan plugin saat ini adalah versi terbaru, silakan masukkan Facebook Page ID Anda, untuk ID tersebut dapat dicek pada bagian Konfigurasi > Alat > Connect Your Site > gunakan ID di bagian WordPress plugin users

  22. Postingan yang menarik dan menambah lagi wawasan saya mengenai dunia internet semoga bisa di aplikasikan dengan baik, terimakasih atas artikelnya.

  23. Wah ternyata setting facebook bisa juga dari wordpress ya. Terimakasih banyak atas informasi yang diberikan.

  24. saya memarik kesimpulan bahwa jika ingin memonitise blog dengan instant article, berarti kita harus rajin share link blog di facebook dan fanspage. karena iklan instant article hanya terlihat oleh pengunjung yang datang dari Facebook.. apakah memang seperti itu atau saya membuat kesimpulan yang keliru.. terima kasih

  25. apakah ada alternatif untuk example.wordpress.com pak? apa harus pakai domain berbayar supaya bisa join instant article?

    1. Tidak harus menggunakan domain berbayar, hanya saja jika melalui WordPress.com Anda harus edit artikel manual ketika proses mengirimkan 5 artikel untuk direview pihak Facebook.

  26. saya mau tanya mas, facebook artikel yang d terbitkan tidak full tulisannya itu kenapa yah??

    saya lihat instan artikel lain tulisannya sampai full…..

  27. Terimakasih banyk untukk informasi nya ya min. Saya sudah mencoba hal ini dan ternyata memang sangat mudah sekali dalam pengaplikasian nya. Dan benar-benar keuntungan buat kita pribadi jga mantab banget

Leave a Reply

Your email address will not be published. Required fields are marked *