Posted on by

Tips-trik Membuat Tombol Like Facebook di Blog WordPress

Membuat Tombol Like Facebook
ilustrasi gambar like/dislike facebook: Veluben / CC BY-SA

wpJakarta.Com – Tips-trik Membuat Tombol Like Facebook di Blog WordPress. Intermezzo : “Like” satu kata yang mungkin paling di cari di dunia medsos -facebook. Selain kata “follow” tentunya. Setiap postingan yang di update, profil atau page yang di buat, si pemilik akun berusaha untuk mengumpulkan like atau jumlah followernya.

Tujuan orang mencari like di medsos

Tujuannya beragam, ada yang cuma ingin narsis, semakin banyak jumlah like atau follower maka semakin “meningkatkan” personal imagenya. Ada yang untuk membangun brand awarenes. Dan lain sebagainya. Apapun tujuannya, ya sah-sah saja. Semua boleh dilakukan. Asalkan jangan merugikan orang aja di medsos. Maklum medsos pada sebagian kalangan di gunakan untuk hal yang tidak bijaksana. Bully, persekusi, perundungan dan sebagainya.

Artikel lainnya

Balik ke tujuan awal artikel ini adalah kami ingin memberikan tips-trik yang terbilang mudah. Yaitu menyematkan tombol like pada blog masing-masing. Blog atau website biasanya juga punya facebook page, seperti misalnya halaman facebook page wpJakarta.Com yang baru kami setup, https://web.facebook.com/plus62.network. Itu adalah halaman facebook kami yang di buat dengan tujuan untuk mengembangkan brand dan usaha yang kami jalankan.

Tips-trik membuat tombol like facebook dan mengintegrasikannya ke blog WordPress

Setelah membuat facebook page maka penting untuk membuatnya sedikit “terintegrasi”. Seperti misalnya, tepat di atas artikel ini anda mungkin akan menemui “sepenggal” paragraph yaitu tombol like dan beberapa tombol medsos yang di fungsikan untuk memberikan like atau sharing artikel ini ke media sosial yang para pembaca miliki.

Blog yang kita kelola tentu saja terpisah dengan facebook. Namun kita dapat menautkannya dengan menyematkan tombol tersebut. Dalam hal ini blog yang anda miliki dan profil atau page facebook anda sendiri. Ada tips-triknya bagaimana membuat tombol like facebook lalu mengintegrasikannya di blog atau WordPress.

Tips-trik WordPress

Tips-trik membuat tombol like facebook di blog WordPress

Syarat utama untuk membuat tombol like tersebut lalu menyematkannya pada halaman blog, adalah -pastinya anda memiliki facebook page. Setelah membuat facebook page kami sarankan juga untuk memiliki developer ID atau app ID facebook. Tentang apa itu developer ID / app ID facebook bisa refer ke artikel ini. https://developers.facebook.com/docs/apps/. Langkah mudah berikutnya adalah sebagai berikut :

  • Kunjungi halaman Like Button for the Web di website facebook for developer.
  • Di situ sudah ada Like Button Configurator.
  • Pada URL to Like masukan alamat URL facebook page target.
  • Lalu atur layout, ukuran tombol, width (lebar tombol), dan jenis tombol.
  • Lihat preview tombol yang ingin di generate pada kotak snippet preview.
  • Setelah itu, klik “Get Code”

Tips-trik membuat tombol like facebook di blog WordPress

Ada dua kode yang harus di sematkan pada blog atau website anda.

  • Yang pertama adalah Kode JavaScript SDK yang harus di sematkan ke dalam file html website.
    • Seperti biasa, kami merekomendasikan untuk menyematkan kode tersebut menggunakan plugin kode snippet. Apa itu plugin kode snippet, baca artikelnya disini.
    • Tambahkan ke plugin kode snippet dengan script function php seperti berikut.
function fp62network() { ?>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1
&version={graph-api-version}
&appId={facebook-app-id-facebook}
&autoLogAppEvents=1" 
nonce="Abcd1234"></script>
<?php
}
  • Yang kedua adalah kode html element tombol tersebut.
  • Dan hasilnya pada tampilan berikut.
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F
&width=450
&layout=standard
&action=like
&size=small
&share=true
&height=35
&appId={facebook-app-id-facebook}" 
width="450" 
height="35" style="border:none;overflow:hidden"
scrolling="no" 
frameborder="0" 
allowTransparency="true" 
allow="encrypted-media">
</iframe>

Tips-trik WooCommerce