Cara Setting Facebook Instant Articles di Website WordPress

Facebook Instant Articles merupakan salah satu fitur 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.

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
    Facebook Instant Articles membuat 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.

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 

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 setting Facebook Instant Articles di Website WordPress ini kami persembahkan untuk Anda. Selamat mencoba!

wordpress

Subscribe Sekarang

Dapatkan beragam artikel tutorial, insight dan tips menarik seputar dunia online langsung melalui email Anda. Subscribe sekarang dan raih kesuksesan bersama kami!

  • dika

    tidak bisa klaim URL kenapa ya? penempatan kode sudah benar

  • Ridwan-blog

    Klo mengaktifkan fitur tersebut, iklan adsense tetep tampil gak kak?

    • Waryanto

      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. 🙂

      • Hafiz Suardi

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

        • Waryanto

          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. 🙂

  • Asep Zefhy

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

  • JASA ORANG BINGUNG

    sangat membantu sekali, jika artikel dibawah 10 apakah sudah bisa?

  • Hadzia

    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

    • Fadhel Odell

      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 🙂

    • Hendra

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

  • Rahman Maulana

    Keren tutorialnya, makasih kak, ditunggu artikel lainnya (y)

  • Christian Tarigan

    Yaa… Saya sudah merasakan manfaatnya. Keren!!

  • firnigrosir

    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

    • Fadhel Odell

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

      • firnigrosir

        iya bener, sudah saya cek cek makasih kak Fadhel

  • yudi

    sy kok nggak bisa konnek facebook di plugin nya?

    • Waryanto

      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.

      • Hafiz Suardi

        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??

  • Rendy

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

    • Waryanto

      Halo,

      Bisa dijelaskan lebih rinci setting image seperti apa yang dimaksud?

  • Sarumpun

    Bagus nih.. Mau coba juga ah..
    Makasih mbak infonya.. Bermanfaat banget..

  • abu akbar

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

  • MendingXiaomi

    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."

  • Baju Anak Branded

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

  • Rudhy Benjala

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

  • Alfridus Dumupa

    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!

    • Waryanto

      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. 🙂

  • Erianto Simalango

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

  • Adhikarta

    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..

  • Helmi

    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…

    • Waryanto

      Halo,

      Benar, satu ID untuk satu website dan fanpage.

  • Dexx

    Berjaya! Sangat bagus tutorialnya. Mudah dan jelas.

  • Ariefmhasan

    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

    • Waryanto

      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.

  • gunawan

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

    • Waryanto

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

  • Ekit Susiawan

    Untuk Blogger custome domain tld bisa tidak,?

    • Waryanto

      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, 🙂

  • Firman

    Alhamduillilah dapat sedikit masukan 🙂

  • dedi

    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??

    • Waryanto

      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.

  • Rendy

    saya ada soalan. cms yg menggunakan example.wordpress.com boleh setting tak untuk instant article.?

  • Anita

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

    • Waryanto

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

  • Syams

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

    • Waryanto

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

  • Zulham

    beberapa bagian sudah beda tampilannya, maksudnya ss diatas

  • Zulham

    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

    • Waryanto

      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".

  • binti

    kalau belum punya npwp alternative untuk mengisi tax id bagaimana mas

    • Waryanto

      Mungkin bisa coba diisi dengan id lain seperti KTP.

  • Hermawan

    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

    • Waryanto

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

  • Dodi

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

    Tka

  • Dodi

    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.

    • Waryanto

      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

  • Kaos Full Print

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

  • ina wahyu

    sangat bermanfaat, pelajari dulu deh.

  • HAFIDZ KONVEKSI

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

  • Lukman

    mau coba dulu,,semoga bisa berhasil..mohon bimbingannya mas..

  • Rush

    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

    • Waryanto

      Tepat sekali, selain itu Anda bisa membuat artikel-artikel viral. 🙂

  • aletions

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

    • Waryanto

      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.

  • Irfan

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

    saya lihat instan artikel lain tulisannya sampai full…..

Scroll Up