Cara Memasang Tombol Like Sosial Media di Website Anda
Tombol Like di sosial media adalah salah satu cara efektif untuk meningkatkan interaksi pengunjung dengan konten Anda. Dengan tombol ini, pengunjung dapat dengan mudah menyatakan suka pada halaman atau artikel yang Anda buat dan sekaligus berbagi ke jaringan sosial mereka. Pada artikel ini, kami akan membahas cara memasang tombol Like dari berbagai platform sosial media populer seperti Facebook, Twitter, dan LinkedIn, serta tips menggunakan plugin dan kode manual.
Apa Manfaat Memasang Tombol Like?
- Meningkatkan interaksi dan engagement pengunjung.
- Mendorong penyebaran konten secara viral melalui jejaring sosial.
- Memperkuat kredibilitas dan kepercayaan website Anda.
- Mendukung SEO dengan meningkatkan traffic dan popularitas halaman.
Cara Memasang Tombol Like Facebook
Facebook menyediakan tombol Like resmi yang bisa dipasang dengan mudah menggunakan kode iframe atau JavaScript SDK.
Metode 1: Menggunakan Facebook Like Button Plugin (iframe)
Cara ini paling mudah dan tidak perlu registrasi API:
<iframe src="https://www.facebook.com/plugins/like.php?href=URL_Halaman_Anda&width=120&layout=button_count&action=like&size=small&share=true&height=21"
style="border:none;overflow:hidden;width:120px;height:21px;" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
Ganti URL_Halaman_Anda dengan URL halaman web yang ingin Anda pasang tombol Like-nya.
Metode 2: Menggunakan Facebook JavaScript SDK
Metode ini memungkinkan penyesuaian lebih lengkap:
<div id="fb-root"></div>
<script async defer crossorigin="anonymous"
src="https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v15.0"></script>
<div class="fb-like" data-href="URL_Halaman_Anda" data-width="" data-layout="button_count" data-action="like" data-size="small" data-share="true"></div>
Letakkan script SDK di bagian <body> awal, dan kode tombol di tempat Anda ingin tombol tampil.
Cara Memasang Tombol Like Twitter (Now 'Tweet' Button)
Twitter menggunakan tombol Tweet untuk berbagi dan 'like' lebih ke retweet dan favorit.
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Judul Artikel Anda" data-url="URL_Halaman_Anda" data-show-count="true">Tweet</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Cara Memasang Tombol Like LinkedIn
LinkedIn menyediakan plugin untuk Like dan Share:
<script src="https://platform.linkedin.com/in.js" type="text/javascript"> lang: id_ID</script>
<script type="IN/Share" data-url="URL_Halaman_Anda"></script>
Memasang Tombol Like Menggunakan Plugin CMS
Jika Anda menggunakan platform CMS seperti WordPress, Anda dapat menggunakan plugin sosial media yang memudahkan pemasangan tombol Like sekaligus tombol share lainnya tanpa perlu menyentuh kode:
- Jetpack – menyediakan berbagai tombol sosial media termasuk Like dan Share.
- Social Warfare – plugin yang ringan dan responsif untuk tombol sosial.
- AddToAny Share Buttons – mendukung banyak jaringan sosial populer.
Instal plugin tersebut dari dashboard CMS Anda, aktifkan, lalu sesuaikan tombol mana saja yang ingin ditampilkan.
Tips Agar Tombol Like Lebih Efektif
- Letakkan tombol Like pada posisi strategis, seperti di bawah judul artikel atau akhir konten.
- Gunakan tombol dengan layout yang sederhana agar tidak mengganggu pengalaman pengguna.
- Pastikan tombol responsif dan tampil baik di perangkat mobile.
- Tambahkan ajakan bertindak (call to action) yang mengajak pengunjung untuk menyukai atau membagikan konten.
Dengan memasang tombol Like sosial media, Anda tidak hanya memudahkan pengunjung berinteraksi, tapi juga meningkatkan visibilitas website Anda di berbagai platform sosial. Selamat mencoba!
Sumber referensi:
Facebook Like Button
Twitter Tweet Button
LinkedIn Share Plugin