Cara Daftar Dan Menciptakan Facebook Instant Articles Untuk Blogger

0
202

Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger

Sebelumnya, saya sudah menjelaskan panjang lebar wacana pengertian Instant Articles. Maka artikel lanjutan ini hanya akan berfokus pada hal-hal berbau teknis wacana cara daftar Facebook Instant Articles di Blogspot. Nggak usah basa-basi, pribadi sikat saja tutorialnya. Oya, untuk pengguna WordPress sanggup coba baca artikel Cara Setting Facebook Instant Articles Untuk WordPress.

F.A.Q (Frequently Asked Question)

  • Ini buat Blogger alias Blogspot kan? Bukan WordPress?
    Iya. Ini buat Blogger / Blogspot. Bukan WordPress.
  • Blognya harus pake custom domain atau TLD dulu?
    Nggak. Pake subdomain bawaan semisal domain.blogspot.com juga sanggup kok. Nggak mesti beli domain segala.
  • Site feed wajib diset ke Full ya?
    Nggak juga. Bisa diset Full, sanggup diset Short. Baca dulu aja sampe abis.
  • Katanya jikalau pake Blogger alias Blogspot lebih ribet ya dibanding WordPress?
    Iya, memang. Namanya juga gratisan. Terima aja. Yang penting udah ada panduan lengkapnya di artikel ini.

Cara Setting Facebook Instant Articles Di Blogspot / Blogger

Kamu WAJIB memiliki Fanspage alasannya ialah Instant Articles hanya sanggup dibentuk melalui Fanspage. Install juga aplikasi Facebook mobile (versi normal, bukan versi Lite) atau Pages Manager di smartphone biar praktis ngecek hasilnya.

Instant Articles hanya akan terbuka di aplikasi Facebook mobile dan Pages Manager saja. Makara jikalau sedang buka Facebook di FB Lite, browser handphone, apalagi di PC, tanda petir Instant Articles nggak bakal muncul. Artikel akan terbuka normal menyerupai tampilan aslinya.

Instant Articles hanya tersedia di perangkat iPhone and Android. Software yang diharapkan ialah Facebook for iPhone Versi 30.0 dan OS iOS 7.0 ke atas, atau Facebook for Android Versi 57 dan OS Jelly Bean keatas.

1. Setting Fanspage

  1. Kalau belum punya Fanspage ya bikin dulu dong. Ikuti panduan di artikel cara menciptakan Fanspage Facebook.
  2. Setelah punya Fanspage, buka alamat https://instantarticles.fb.com.
  3. Pilih Fanspage yang akan dibuatkan Instant Articles. Centang juga box persetujuannya. Lalu klik tombol Access Instant Articles Tools.
  4. Jika sukses, akan muncul pop-up baru. Klik saja Continue. Maka Fanspage kau sudah mendapat jalan masuk Instant Articles.
    Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger
  5. Buka Fanspage dan masuk ke sajian Publishing Tools.
  6. Pada sajian Instant Articles, pilih submenu Configuration.
  7. Pada penggalan Connect Your Site, pilih Authorize your site.
    Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger
    Klik untuk melihat ukuran lebih besar.
  8. Akan terdapat sebuah instruksi meta tag. Contohnya kaya gini nih:
    <meta property="fb:pages" content="106660612706164"/>

    Copy kodenya untuk dimasukkan ke blog.

2. Verifikasi Blog

  1. Buka akun Blogger dan pergi ke pengaturan HTML. Taruh instruksi tersebut DIBAWAH / SESUDAH <head>. Jangan lupa simpan pengaturan dengan klik tombol Save theme.
  2. Kembali ke Facebook. Kalau sudah melaksanakan langkah diatas, masukkan alamat blog dan klik tombol Claim URL.
    Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger

Kalau masih pakai subdomain bawaan Blogspot, masukkan 3 jenis variasi domain berikut biar lebih afdol.
namakamu.blogspot.com
namakamu.blogspot.co.id
namakamu.blogspot.pe
(kadang subdomain Blogspot berpindah sendiri ke .pe)

3. Upload Logo

Trus upload logo dulu, alasannya ialah biasanya akan muncul notifikasi error jikalau belum upload logo. Makara mending setting diawal.

  1. Scroll kebawah hingga ke penggalan Tools. Pilih Styles dan klik goresan pena default untuk mengedit template bawaan. Kalau mau bikin template baru, klik tombol +Add Style. Tapi saya lebih menentukan mengedit template bawaan biar lebih simple.
    Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger
  2. Pilih Logo kemudian klik tombol Choose Logo untuk mulai mengupload. Gambar harus berekstensi .PNG dengan background transparan. Ukuran dimensi minimalnya ialah 690 x 132 pixels. Setelah selesai, klik Save di pojok kanan atas.
    Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger
    Klik untuk melihat ukuran lebih besar.

4. Setting Artikel

Masuk ke penggalan penting, yaitu setting RSS Feed supaya setiap postingan blog masuk ke Instant Articles. Ada dua cara yang sanggup kau coba: Otomatis dan Manual. Masing-masing punya kelebihan dan kekurangan masing-masing.

  1. OTOMATIS
    Kelebihan: Setiap artikel gres akan otomatis masuk ke Production Articles di Facebook Instant Articles.
    Kekurangan: Saat ini Blogspot belum sepenuhnya mendukung konversi tag HTML biasa ke tag HTML Instant Articles. Meskipun artikel otomatis masuk ke Production Articles, kau masih perlu kerja lagi untuk edit beberapa tag HTMLnya. Selain itu, Site Feed harus diset ke Full. Perlu dipikirkan matang-matang alasannya ialah postingan blog sanggup diambil seluruhnya oleh pencuri artikel (yang nggak tahu diri) jikalau feed diset ke full.
  2. MANUAL
    Kelebihan: Feed nggak perlu diset full.
    Kekurangan: Setiap artikel gres nggak bakal masuk otomatis ke Production Articles di Facebook Instant Articles. Kamu harus membuatnya manual menyerupai menulis artikel artikel dari awal.

Mau pilih yang mana? Itu sih terserah kamu. Kesamaan kedua metode diatas yaitu sama-sama harus kerja dua kali. Harap dimaklum ya jikalau agak ribet. Blogspot nggak segampang WordPress yang tinggal pake plugin dan semuanya sanggup beres. Oke….lanjut ke klarifikasi masing-masing metode.

4.1. Setting Metode Otomatis

  1. Masuk ke akun Blogger. Pergi ke sajian Settings » Other » Site feed » Allow Blog Feed » pilih Full. Kalau sudah, klik tombol Save settings.
    Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger
  2. Kembali ke pengaturan Instant Articles di Facebook. Di penggalan Tools, pilih Production RSS Feed dan masukkan alamat RSS Feed ini:
    https://ajipedia.us/feeds/posts/default?alt=rss

    Ganti https://ajipedia.us dengan alamat blog masing-masing ya. Kalau sudah, klik tombol Save.
    Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger

  3. Tunggu beberapa dikala hingga Facebook selesai merayapi blog kemudian masuk ke submenu Production Articles. Taraaaa…..semua artikel sudah terimport secara otomatis. Biasanya nggak semua artikel bakal masuk sih. Contoh: artikel di blog ada 15. Bisa jadi yang masuk cuma 10.

    Buat platform Blogspot sangat masuk akal jikalau masih terdapat banyak error di artikel hasil import. Kaya screenshot dibawah ini nih, artikel saya masih banyak error yang ditandai dengan icon tanda seru berwarna kuning atau merah. Kalau iconnya disorot, akan muncul petunjuk penggalan mana saja yang menjadi penyebab error. Tinggal dibenerin deh dengan mengklik icon pensil. Pastikan edit semua artikel yang terdapat icon tanda seru. Agar sanggup diterima oleh Instant Articles, kau harus memiliki minimal 10 artikel yang nggak error.
    Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger

    Klik untuk melihat ukuran lebih besar.

4.2. Setting Metode Manual

Metode ini mengharuskan kau menulis ulang semua artikelnya dari awal.

  1. Kamu nggak perlu set Site feed ke Full. Cukup Short saja.
  2. Masih di halaman pengaturan Instant Articles di Facebook, masuk ke submenu Production Articles.
  3. Klik tombol +Create.
    Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger
  4. Akan muncul text editor. Tinggal tulis deh artikelnya disana. Tapi ingat hal wajib berikut:
    1. Nggak sanggup ngasal tulis artikel gres YANG BELUM DIPUBLISH DI BLOG alasannya ialah di Instant Articles nanti kau harus memasukkan URL canonical orisinil dari artikel.
    2. Tag HTML harus diubah mengikuti format Instant Articles. Biar nggak pusing, saya kasih referensi dari tag HTML Instant Articles dibawah.

4.2.1. Contoh Tag HTML Instant Articles
<!doctype html> <html lang="en" prefix="op: http://media.facebook.com/op#">   <head>     <meta charset="utf-8">     <!-- URL orisinil dari artikel yang sudah diterbitkan di blog. Ganti dengan URL artikel kau sendiri -->     <link rel="canonical" href="https://ajipedia.us/article.html">     <meta property="op:markup_version" content="v1.0">   </head>   <body>     <article>       <header>         <!-- Judul dan sub judul utama dari Instant Articles -->         <h1>Judul Artikel</h1>         <h2>Sub judul atau deskripsi</h2>         <!-- Kicker. Biasanya digunakan untuk menuliskan kategori -->         <h3 class="op-kicker">Kategori</h3>          <!-- Tanggal dan waktu ketika artikel pertama kali diterbitkan di blog -->         <time class="op-published" datetime="2018-01-10T08:00Z">10 Januari 2018, 8:00 AM</time>          <!-- Tanggal dan waktu ketika artikel terakhir kali diupdate atau diedit -->         <time class="op-modified" dateTime="2014-01-17T04:44:16Z">17 Januari 2018, 4:44 PM</time>          <!-- Nama author -->         <!-- Versi Satu: Pake URL profil Facebook -->         <address>           <a rel="facebook" href="http://www.facebook.com/ignielcom">igniel.com</a>           igniel.com ialah blog yang berisi gosip seputar media umum dan tutorial Blogspot.         </address>         <!-- Versi Dua: Nggak pake URL profil Facebook -->         <address>           <a>igniel.com</a>           igniel.com ialah blog yang berisi gosip seputar media umum dan tutorial Blogspot.         </address>          <!-- Gambar yang menjadi cover utama dari Instant Articles -->         <figure>           <img src="https://ajipedia.us/gambar/cover.jpg"/>           <figcaption>Caption dari gambar</figcaption>         </figure>             </header>        <!-- START: ISI UTAMA ARTIKEL -->        <!-- Semua text harus terbalut dalam tag <p> -->       <p>Paragraf satu. Blablablablabla....</p>       <p>Paragraf dua. Blablablba.....</p>       <p>Paragraf tiga. Terus kaya gini hingga kelar.</p>        <!-- Jika ingin masukkan gambar -->       <figure>           <img src="http://www.igniel.com/gambar/gambar1.jpg"/>       </figure>        <!-- Jika ingin masukkan video -->       <figure>         <video>           <source src="http://www.igniel.com/video/video.mp4" type="video/mp4" />         </video>       </figure>        <!-- Jika ingin masukkan list -->       <ol>         <li>Tag HTMLnya saja saja sih.</li>         <li>Tapi biasanya nggak sanggup banyak-banyak kasih list.</li>       </ol>        <!-- STOP: ISI UTAMA ARTIKEL -->        <footer>         <!-- Copyright atau suplemen goresan pena kecil di footer -->         <small>© </small>       </footer>     </article>   </body> </html>

Ganti dan sesuaikan isinya dengan artikel punya kau sendiri ya. Dan pastinya nggak semua tag HTML diatas perlu dipake. Kalau nggak mau pake video, tinggal hapus tag HTML videonya. Begitupun jikalau nggak mau pake copyright, ya tinggal hapus. Kalau sudah menciptakan artikel dengan format Instant Articles, copy tulisannya ke text editor yang tadi muncul trus simpan dengan klik tombol Save di pojok kanan atas.
Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger

Klik untuk melihat ukuran lebih besar.

5. Submit dan Ajukan Review

Setelah ada 10 artikel yang nggak error, kau sanggup mengajukan review. Masuk ke submenu Configuration dan klik tombol Submit for Review. Disana tertulis prosesnya butuh waktu 3-5 hari kerja. Tapi berdasarkan pengalaman pribadi, cuma sehari juga udah keluar hasilnya.

Selama masa review, rajin-rajinlah cek halaman Configuration alasannya ialah nggak ada notif ketika diterima, ditolak, atau diminta submit ulang. Kadang masih terdapat sedikit kesalahan di format penulisan artikel yang mengakibatkan proses review tertunda. Kamu harus mengedit artikelnya lebih dulu untuk sanggup mengajukan review ulang. Setelah diedit, klik tombol Resubmit for Review. Kalau diterima, ya Alhamdulillah. Kalau ditolak, ya coba terus.
Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger

Kalau diterima, tampilannya bakal kaya gini.
Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger

6. Terbitkan Artikel

Ingat, artikel yang sudah dibentuk di tahap nomor 4 belum diterbitkan lho. Karena dikala itu artikelnya hanya dibentuk untuk proses review saja. Sekarang setelah diterima, kau sudah sanggup menerbitkannya supaya sanggup dibaca orang lain. Caranya kaya gini:

  1. Masuk ke submenu Production Articles.
  2. Centang kotak checkbox yang ada di paling atas tabel supaya artikel terpilih semua.
  3. Pada tombol Actions, pilih Publish. Maka semua proses telah selesai.

Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger

Klik untuk melihat ukuran lebih besar.

Perbandingan artikel sebelum dan sehabis diaktifkan Instant Articles. Akan muncul tanda petir ketika dilihat di aplikasi Facebook mobile.
Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogspot Cara Daftar Dan Membuat Facebook Instant Articles Untuk Blogger

7. Monetasi Dengan Audience Network

Bagian ini niscaya kau suka dan paling ditunggu. Yang menciptakan Instant Articles sanggup menghasilkan dollar ialah aktivitas yang berjulukan Audience Network. Kamu sanggup baca di artikel lanjutan Cara Pasang Iklan Audience Network Di Instant Articles Untuk Blogger.

Sekian tutorial lengkap wacana cara menciptakan Instant Articles di Blogger yang baik dan benar. Semoga komplit dan terperinci banget. Budayakan komen jikalau sudah mampir.

https://developers.facebook.com/docs/instant-articles/guides/articlecreate