Assalamu’alaikum Warahmatullahi Wabarakaatuh,
Halo Sobat Mas Rizky, berjumpa lagi ya di Website yang sama, dalam kesempatan kali ini admin Masrizky.web.id akan berbagi Cara Menampilkan Artikel Terkait Atau Related Posts.
Menampilkan artikel terkait atau “related posts” pada sebuah situs web atau blog dapat meningkatkan pengalaman pengguna dan memperpanjang waktu kunjungan mereka.
Dengan menampilkan konten yang relevan, pembaca lebih mungkin untuk menjelajahi lebih banyak artikel, yang pada gilirannya dapat meningkatkan keterlibatan dan mengurangi rasio pentalan.
Ada beberapa cara untuk menampilkan artikel terkait, mulai dari plugin sederhana hingga algoritma canggih yang memanfaatkan machine learning.
Salah satu cara paling umum dan mudah untuk menampilkan artikel terkait adalah dengan menggunakan plugin atau widget yang secara otomatis memilih konten berdasarkan kategori, tag, atau kata kunci yang ada dalam artikel.
Misalnya, jika Anda menggunakan platform seperti WordPress, ada banyak plugin seperti “Yet Another Related Posts Plugin (YARPP)” atau “Contextual Related Posts” yang dapat diinstal dan dikonfigurasi dengan mudah.
Plugin ini biasanya memungkinkan Anda untuk menyesuaikan tampilan dan cara kerjanya sehingga sesuai dengan kebutuhan dan desain situs Anda.
Namun, untuk situs yang lebih kompleks atau yang memiliki volume konten yang sangat besar, solusi yang lebih canggih mungkin diperlukan.
Algoritma berbasis machine learning dapat dianalisis untuk memahami perilaku pengguna dan preferensi mereka, kemudian menampilkan artikel yang lebih relevan secara kontekstual.
Pendekatan ini bisa melibatkan analisis data besar dan penggunaan model prediktif untuk memastikan bahwa konten yang ditampilkan benar-benar sesuai dengan minat individu.
Artikel Terkait atau Related Posts digunakan untuk memudahkan para pembaca menemukan artikel pada “label”yang sama. Selain pada label yang sama, related post ini juga membuat random artikel, sehingga bukan hanya artikel yang terkait saja yang akan muncul.
Tentunya pembaca akan langsung bisa menemukan judul postingan kita yang berkaitan dengan judul posting. Hal ini dilakukan supaya mereka tidak langsung pergi dari situs blog yang kita kelola…
Cara Menampilkan Artikel Terkait Atau Related Posts
Tahu caranya? Saya akan jelaskan satu-persatu dibawah ini :
- Back up Template Anda sebelum melakukan perubahan apapun!
- Dari Dashboard Blogger Anda Buka > Template > Edit HTML.
- Simpan kode ini di atas
]]></b:skin> - Tambahkan kode berikut dibawah
<div class='post-footer-line post-footer-line-1'> - Save, lihat hasilnya…
#related-post background:none;width:100%;margin-top:35px;margin-bottom:10px;padding:5px 0 10px 0px}
#related-post h4{font-size:150%;text-transform:uppercase;margin:0 0 15px;padding:0;font-weight:normal}
#related-post li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjljZTtSPX5RhvxmwtH2IaJi5Df4mDPFmFaWF5eRQGCIi2nZLFwvPTgtegVMV1hDJpuBI0JfehBssYGnt1O7ZXxakZjmO2c3qL_vutdWE4LmomBLOO0oHCvHv-gkuW2Xptox9x9cuS6mzYj/s1600/bullet.png) no-repeat 1px 5px;color:#2c3e50;text-indent:0;line-height:1.6em;margin:0;padding:0 0 3px 19px}
#related-post .widget{margin:0;padding:0}
#related-post ul{list-style:none;margin:0;padding:0}<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-post' class='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h4>Artikel Terkait:</h4>",
numPosts: 5,
titleLength: "auto",
containerId: "related-post",
newTabLink: false,
widgetStyle: 1,
callBack: function() {}
};
</script>
<script type='text/javascript' src='https://cdn.rawgit.com/masrizky/javascript/gh-pages/javascripts/related-post.min.js'/>
</b:if>
<!-- Related Post Widget End -->
