Cara Set Up Instant Articles Pada Website Untuk Power Up Branding Di Facebook

Perasan tak, sekarang ni banyak link website yang dikongsi dan lalu di newsfeed Facebook ada simbol ikon tanda petir a.k.a Lightning Bolt pada sisi penjuru atas kanan imejnya? Cuba klik dan sepantas mana ia dibuka?

Contohnya seperti dalam paparan mobile phone pada imej di bawah.

Biasanya link berita seperti Sinar Harian, Berita Harian, Harian Metro dan yang sewaktu dengannya ada aplikasi ini. Tidak ketinggalan juga laman The Vocket, Bright Side, Yourfabulousmama.net dan banyak lagi.

Ikon ini disebut sebagai simbol Facebook Instant Articles.

Apa Itu Facebook Instant Articles?

Instant Articles adalah aplikasi yang diperkenalkan oleh Facebook khas untuk paparan pengguna mobile. Artikel yang dikuasakan oleh Instant articles ini dikatakan mempunyai kelajuan loading lebih 10 kali ganda berbanding artikel yang dibuka terus dari sumber asal websitenya.

Instant Articles is a mobile publishing format that enables news publishers to distribute articles to Facebook’s app that load and display as much as 10 times faster than the standard mobile web.

– Facebook Developer/Instant Articles/FAQ

Zaman sekarang semuanya kena laju. Dah laju pun kena laju-laju lagi. Begitulah hakikat Instant Articles ini. Mana-mana website yang belum apply aplikasi ini mungkin bakal ketinggalan jika tidak memanfaatkannya.

Kelebihan Instant Articles kepada website: Membantu meningkatkan kredibiliti dan branding website atau Facebook Page. Matlamatnya untuk menggandakan trafik dan mendapat social engagement yang lebih baik.

Kelebihan Instant Articles kepada pengguna mobile: Dapat lebih user-experiance, cepat mengakses sesuatu maklumat dari website tertentu dan berita baiknya dapat bebas dari gangguan pelbagai pop-ups dan iklan yang tidak diingini menganggu pembacaan. Kerana Facebook Instant Articles tidak membenarkan perkara ini.

Nak tahu cara set up Instant Article dalam website anda? Ada banyak jenis dan format tutorial online yang boleh diakses untuk tujuan ini. Namun agak kurang dalam Bahasa Melayu.

Jadi ikuti tutorial ini sebaiknya. Selamat mencuba.

Keperluan Untuk Set Up Instant Articles

Sebelum berangan-angan untuk set up aplikasi InsArt ini, perhatikan dulu senarai tool dan keperluan di bawah:

1. Website wordpress: Anda selaku administatornya
2. Desktop: Untuk proses set up yang lebih praktikal dan mudah
3. Facebook Fanpage: Anda selaku adminnya
4. Telefon Pintar: Menguji keberkesanan aplikasi
5. Apps FB Page Manager: Untuk mudah mengawalselia Fanpage dan Instant Articles

Ikuti tutorial step-by-step cara set up Instant Articles pada website WordPress berikut.

TUTORIAL 1: Install Plugin dan Create Facebook Apps

Langkah 1.1:

Pergi ke WP Dashboard >> Plugins >> Add New >> buat carian plugin “Instant Article for WP” by Automattic >> Install & Activate plugin

Langkah 1.2:

Sekali lagi pergi ke WP Dashboard >> Instant Articles >> Facebook Instant Articles Setting Page >> Klik butang Get Started

Langkah 1.3:

Pada paparan  Log In with Developer App and Facebook Account >> Klik butang Get App ID

Langkah 1.4:

Anda akan di bawa ke tetingkap Facebook for Developer >> Klik Add New App

Langkah 1.5:

Pada tetingkap Create a New App ID, isikan nama apps dan alamat email anda. Jika anda di bawa ke tetingkap Security Check, isikan Captcha yang diberi.

Langkah 1.6:

Pada tetingkap Apps baru anda >> klik Dashboard

Langkah 1.7:

Copy kedua-dua nombor pada petak App ID dan App Secret (Satu tetingkap sekuriti akan muncul meminta anda supaya login ke akaun Facebook anda sebelum nombor App Secret dapat dibuka).

Langkah 1.8:

Pergi ke Plugin Setting Page dan pastekan kedua-dua nombor ID pada petak yang berkenaan. Kemudian, klik butang Login.

Langkah 1.9:

Pergi ke Facebook App Dashboard semula >> Pada tab Facebook SDK, klik butang Choose Platform >> klik ikon WWW pada tetingkap pilihan platform

Langkah 1.10:

Muncul tetingkap baru, isikan alamat penuh website anda >> Klik butang Next >> Finished 

Kembali ke Plugin Setting Page dan lihat tandas App Connected berjaya >> Selesai Tutorial 1.0 ini.

TUTORIAL 2: Connect WordPress dengan Facebook & Aktifkan Page 

Langkah 2.1:

Klik butang Login with Facebook (rujuk gambar dalam langkah 1.10 di atas) >> Klik butang Continue as [Nama Akaun Facebook Anda] >> Klik butang OK

Tips: Jika proses login ini gagal, kemungkinan anda perlu create akaun personal FB yang baru (khas untuk IA) dan jadikannya admin dalam fanpage yang anda kendalikan. kemudian, ulangi langkah 1.3 hingga 1.10 di atas.

Langkah 2.2:

Pada Plugin Setting Page, Tick untuk pilih Facebook Page yang anda ingin gunakan untuk Control & Manage Instant Articles >> Klik teks Sign Up

Langkah 2.3:

Anda akan di bawa ke tetingkap Facebook >> Tick pilihan Facebook Page anda >> Tick setuju pada Agreement to Instant Articles Terms >> Klik butang Access Instant Articles Tools

Langkah 2.4:

Anda akan dikembalikan ke Plugin Setting Page WordPress >> Tick radio button sekali lagi untuk Confirmkan Facebook Page pilihan anda >> Klik Select (sebelum ni inactive)

Langkah 2.5:

Selesai untuk Langkah 2 ini. Facebook Fanpage anda berjaya disambungkan dengan Instant Articles Plugin Setting Page.

TUTORIAL 3: Customize Style Instant Articles untuk Mobile

Langkah 3.1:

Sambungan langkah 2.5 di atas, klik butang Customize pada tab Customize Your Style with Style Editor .

Anda akan dibawa ke Instant Articles Configuration Page Facebook >> Rename “default” ikut kesesuaian nama yang dipilih >> Upload Logo >> Optional Style Customization >>  Klik “Create“

NOTA: Explore tab yang lain seperti dalam bahagian Article Head, Article Body, Quotes dan sebagainya untuk customize Instant Articles mengikut citarasa dan kesesuaian anda. Segala perubahan boleh lihat pada mobile preview.

Langkah 3.2:

Kembali ke Page Publishing Tools untuk Claim URL Website >> Configuration >> Tools >> Connect your sites >> Taipkan alamat website anda pada petak URL >> Klik butang Claim URL

Proses Claim Website berjaya

Tips: Jika proses claim url website tidak berjaya, kemungkinan anda perlu copy & paste meta property (yang black highlighted pada imej diatas) pada html website atau theme header.php antara <head></head> tag. Kemudian taipkan alamat url dan klik butang Claim URL sekali lagi.

Langkah 3.3:

Pergi ke website anda >> Taipkan pada browser “/feed/instant-articles/” pada hujung URL website >> Preview RSS feed ok >> Copy keseluruhan URL RSS Feed

Langkah 3.4:

Kembali ke Page Publishing Tools untuk set Production RSS Feed >> Configuration >> Tools >> Production RSS Feed >> Paste URL RSS Feed yang di “copy” tadi >> Klik butang Save >> Muncul tetingkap Instant Articles Setting >> Klik butang OK

TUTORIAL 4: Submit Articles for Review

Langkah 4.1:

Proses untuk set up IA sudah hampir ke kemuncaknya, iaitu untuk langkah paling penting dan agak kompleks untuk berjaya lepasinya.

Pergi ke Plugin Setting Page >> Submit for Review tab >> Lihat senarai artikel yang perlu diperbaiki mengikut terma IA (Jika ada)

Langkah 4.2:

Klik satu persatu senarai artikel dan lakukan penambahbaikan atau “Fix error” seperti yang ditunjukkan dalam bahagian ‘Edit Post”.

Ulangi langkah ini untuk dapatkan 5 atau lebih artikel yang sesuai untuk tujuan “Submit for Review” nanti.

 

Langkah 4.3:

Setelah semua artikel yang di ‘highlight” untuk penambahbaikan siap dan berjaya di “Edit” >> Tekan butang “Submit for Review” (butang bertukar in-aktif kepada aktif) >> Tekan tab “Open Advance Setting Now“

Langkah 4.4:

Pada ruangan Article Style, taipkan nama style yang telah disetkan sebelum ini dalam Langkah 3: Customize Style >> Tekan butang “Save Changes“

Langkah 4.5:

Pergi ke Publishing Tools Fanpage FB >> Pada ruangan Configuration, lihat senarai artikel yang mempunyai isu seperti Empty Articles dan Missing Logo >> Refresh Configuration Page ini beberapa kali selepas setiap perubahan yang dilakukan jika perlu

Langkah 4.6:

Anda mungkin perlukan  tahap kesabaran dua kali ganda untuk melepasi tahap ini. Andai berjaya, tekan butang Submit for Review >> Klik OK >> Tunggu 3 hari untuk lihat hasil review daripada Facebook >> Refresh & Relax!

Apa Jadi Selepas 3 Hari?

Jika tiada masalah, selepas 3 hari, proses permohonan untuk “Convert” artikel dalam blog anda ke bentuk Instant Articles akan berjaya.

Langkah 5.1:

Lihat statusnya di Fanpage FB >> Publishing Tools >> Configuration 

Langkah 5.2:

Lihat statusnya di Publishing Tools >> Production Articles >> Set status artikel ke “LIVE“

Untuk artikel yang baru kita publish di blog selepas dari tarikh ini akan automatik di tukar format dalam bentuk Instant Articles.

Untuk lain-lain artikel lama (sebelum dari tarikh ini dan tidak tersenarai dalam 5 artikel pilihan untuk proses review), anda hanya perlu edit  dan update artikel tersebut. Kemudian setkan ke mode “Live” di page “Publishing Tools“.

Macamana Nak Share & View Instant Articles?

Setelah “Live“kan semua status artikel blog anda di Publishing Tools page, kita boleh mula bebas share URL artikel blog tersebut di mana-mana platform Facebook. Di Fanpage, Personal Wall atau Group page.

Opps, sekali lagi ditekankan andai terlupa. Kita hanya boleh View Instant Articles kita di mobile phone.

Kita juga lebih mudah dapat mengendalikan Instant Articles dengan menggunakan aplikasi Facebook Fanpage Manager.

OK, selamat ber “Instant articles”

NEXT >> Cara Pasang Google AMP Pada Website