Cara Memasang Related Post Di Instant Articles

Cara memasang related post (artikel terkait) di atas, tengah, atau akhir tulisan, dan di footer Facebook Instant Articles untuk menaikkan pageview dan menambah penghasilan.
Cara Memasang Related Post Di Instant Articles Facebook

Related post atau artikel terkait dikenal sebagai salah satu metode yang baik untuk menaikkan pageview. Begitupun untuk Instant Articles, bisa memancing visitor untuk membaca artikel yang lain. Semakin banyak dibaca, semakin besar pula penghasilan yang kamu dapat. Trus gimana cara memasang related post di dalam Facebook Instant Articles?

Artikel terkait di dalam Instant Articles dapat dipasang di dua tempat. Yaitu di bagian body artikel dan di footer.

Related Post Di Body Instant Articles

Seperti pada umumnya yang kita kenal, related post disisipkan di dalam artikel. Cara ini cukup efektif karena sudah pasti terlihat oleh visitor yang sedang membaca artikel. Caranya, cukup masukkan kode dibawah ke dalam artikel produksi di Instant Articles.

<ul class="op-related-articles" title="Artikel Terkait">
 <li><a href="https://www.igniel.com/artikelsatu.html"></a></li>
 <li><a href="https://www.igniel.com/artikeldua.html"></a></li>
 <li><a href="https://www.igniel.com/artikeltiga.html"></a></li>
</ul>

Inget ya, pastikan kodenya disimpan didalam area <article>. Hasil dari struktur penulisan yang benar kurang lebih kaya gini.

<body>
 <article>
  <header>
   ..........
  </header>
  <!-- Isi Artikel -->
  <p>Paragraf satu</p>
  <p>Paragraf dua</p>
  <p>Paragraf tiga</p>
  <ul class="op-related-articles" title="Artikel Terkait">
   <li><a href="https://www.igniel.com/artikelsatu.html"></a></li>
   <li><a href="https://www.igniel.com/artikeldua.html"></a></li>
   <li><a href="https://www.igniel.com/artikeltiga.html"></a></li>
  </ul>
  <footer>
   ..........
  </footer>
 </article>
</body>

  1. Jumlah related post yang bisa dimasukkan ke area body artikel ini maksimal 3 buah. Kamu bisa meletakkan kodenya di atas, tengah, atau akhir tulisan. Sesuai selera deh pokoknya. Yang penting masih di dalam area <article> dan SESUDAH / DIBAWAH </header>.
  2. Artikel Terkait adalah judul dari related post. Kamu bisa ganti sesuai keinginan. Misalnya "baca juga", "kamu pasti suka yang ini", "info lainnya", dan sebagainya. Jangan lupa ganti URL diatas dengan URL artikel kamu sendiri.
  3. Kalau artikelnya sudah berupa Instant Articles, maka akan otomatis terdapat tanda petir. Kalau belum, nggak bakal ada tanda petirnya.
  4. Jika berupa Instant Articles (bertanda petir) akan terbuka di tab / slide baru.
  5. Jika bukan Instant Articles (nggak ada tanda petir) akan terbuka di browser biasa.

Cara Memasang Artikel Terkait Di Dalam Facebook Instant Articles

Related Post Di Footer Instant Articles

Related post juga bisa dipasang di area footer. Kodenya nggak jauh beda kok. Hanya saja kamu nggak bisa ngasih judul. Ini contoh kodenya.

<ul class="op-related-articles">
 <li><a href="https://www.igniel.com/artikelsatu.html"></a></li>
 <li><a href="https://www.igniel.com/artikeldua.html"></a></li>
 <li><a href="https://www.igniel.com/artikeltiga.html"></a></li>
 <li><a href="https://www.igniel.com/artikelempat.html"></a></li>
</ul>

Simpan kode tersebut di area <footer>, sehingga hasil dari struktur penulisan yang benar kurang lebih kaya gini.

<body>
 <article>
  <header>
   ..........
  </header>
  <!-- Isi Artikel -->
  <p>Paragraf satu</p>
  <p>Paragraf dua</p>
  <p>Paragraf tiga</p>
  <footer>
   <ul class="op-related-articles">
    <li><a href="https://www.igniel.com/artikelsatu.html"></a></li>
    <li><a href="https://www.igniel.com/artikeldua.html"></a></li>
    <li><a href="https://www.igniel.com/artikeltiga.html"></a></li>
    <li><a href="https://www.igniel.com/artikelempat.html"></a></li>
   </ul>
  </footer>
 </article>
</body>

  1. Related post di footer Instant Articles ini nggak bisa dikasih judul ya. Dan jumlahnya maksimal 4 buah.
  2. Sama seperti sebelumnya, jika artikel sudah terkait ke Instant Articles maka akan terdapat icon petir. Jika belum, ya nggak ada.
  3. Kelebihan related post di footer ini adalah Facebook akan menyisipkan iklan didalamnya. Lumayan kan bisa nambah-nambah penghasilan. Iklan ini disebut Recirculation Ads. Untuk mengaktifkannya, buka menu Instant Articles di Fanspage dan pilih Monetization. Berikan ceklis pada box Turn on recirculation ads in article footers, pilih placement ID, dan klik tombol Save.

Cara Membuat Related Post Di Instant Articles Facebook

Cara Memasang Related Post Di Footer Instant Articles

Itu dia cara memasang artikel terkait di dalam Instant Articles Facebook. Semoga bisa sedikit membantu. Budayakan kasih komentar kalau sudah membaca.
5
Cara Memasang Related Post Di Instant Articles
Cara Memasang Related Post Di Instant Articles
Cara memasang related post (artikel terkait) di atas, tengah, atau akhir tulisan, dan di footer Facebook Instant Articles untuk menaikkan pageview dan menambah penghasilan.
Bagikan ke aplikasi lainnya:
  • WhatsApp
  • Telegram
  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn

Artikel Terkait

5 komentar

  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong> (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.
  • Dailypost.id
    06 Maret, 2021
    Profil: https://www.blogger.com/profile/17579797584676891852
    Kami menggunakan instant articles, dan sudah mencari cara untuk menambahkan related post atau artikel terkait di dalam postingan instant artikel tersebut. Tutorial yang kami baca di Website Igniel.com sangat working.

    Nah, mungkin bisa diberikan trik lainnya tentang Bagaimana cara agar related post tersebut bisa otomatis muncul ketika kita membuat artikel baru. Tutorial dari website luar (bahasa inggris) rata-rata menyarankan kami untuk menggunakan Custom Transformer Rules yang ada di Plugin Instant Articles for Wordpress. Namun sayang, kode yang diberikan tidak bekerja.

    Mungkin, admin igniel.com lebih paham tentang kode-kode tersebut dan bisa menjabarkannya melalui website ini. Terima kasih

    Berikut link tutorial bahasa inggris yang kami maksud di atas:

    https://bacasitus.com/en/internet-en/wordpress-en/add-related-articles-facebook-instant-article-automatically.html
  • Saif Ghofur
    11 Mei, 2020
    Profil: https://www.blogger.com/profile/04924137136364466463
    mbk, bagaimana caranya membuat widget sidebar "Trending serupa" spt di blog igniel?
  • Angga Passakanawang
    21 Februari, 2018
    Profil: https://www.blogger.com/profile/12675926492687798026
    mbak.. kalo buat artikel terpopuler gimana mbak?
    • Igniel
      21 Februari, 2018
      Profil: https://www.blogger.com/profile/09199170379661896200
      Di IA nggak bisa pasang artikel terpopuler.
  • baban
    09 Februari, 2018
    Profil: https://www.blogger.com/profile/16221878609933520197
    tank cantik