{"id":19849,"date":"2023-11-28T15:31:38","date_gmt":"2023-11-28T08:31:38","guid":{"rendered":"https:\/\/www.makewebeasy.com\/id\/blog\/?post_type=manual-4&#038;p=19849"},"modified":"2023-11-29T15:19:38","modified_gmt":"2023-11-29T08:19:38","slug":"koneksi-facebook-api","status":"publish","type":"manual-4","link":"https:\/\/www.makewebeasy.com\/id\/blog\/manual-4\/koneksi-facebook-api\/","title":{"rendered":"Koneksi Facebook API"},"content":{"rendered":"<h1><span style=\"font-size: 12pt;\"><strong>Facebook API<\/strong><\/span><\/h1>\n<p>Facebook API digunakan untuk menghubungkan website ke sistem Facebook yang meliputi:<\/p>\n<ul>\n<li><strong>Facebook Login<\/strong>: Memungkinkan audiens untuk mengajukan keanggotaan atau membuat akun untuk masuk ke situs web dengan mudah.<\/li>\n<li><strong>Facebook Comment<\/strong>: Memungkinkan audiens mengomentari produk, artikel, galeri, dan kalender aktivitas yang terkoneksi dengan Facebook.<\/li>\n<li><strong>Facebook Instant Articles:\u00a0<\/strong>Membantu audiens mengakses artikel di Facebook dengan lebih cepat. Fitur ini dapat mengatasi <em>loading<\/em> artikel atau berita yang lama.<\/li>\n<\/ul>\n<p>Sebelum mengaktifkan sistem ini, Anda perlu memiliki Facebook terlebih dahulu untuk mengaktifkan API-nya.<\/p>\n<h2><span style=\"font-size: 12pt;\"><strong>Aplikasi Facebook\u00a0<\/strong><\/span><\/h2>\n<ol>\n<li>Masuk ke URL\u00a0<a href=\"https:\/\/developers.facebook.com\/\">https:\/\/developers.facebook.com\/<\/a> lalu pilih <strong>Log In<\/strong> di pojok kanan atas menu. Setelah login, masuk ke menu <strong>&#8220;Aplikasi Saya&#8221;<\/strong>.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-10.55.11-2-620x314.png\" \/><\/li>\n<li>Klik\u00a0<strong>&#8220;Buat Aplikasi&#8221;<\/strong>, lalu pilih Bisnis sebagai jenis aplikasinya dan klik\u00a0<strong>&#8220;Lanjutkan&#8221;<\/strong>.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-05-at-17.33.59-620x339.jpg\" \/><\/li>\n<li>Masukkan nama aplikasi dan klik\u00a0<strong>&#8220;Buat Aplikasi&#8221;.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-05-at-17.34.26-620x339.jpg\" \/><\/strong><\/li>\n<li>Buka\u00a0<strong>Pengaturan &gt; Informasi Dasar<\/strong>. Kemudian tentukan informasi tambahan dan klik\u00a0<strong>Simpan Perubahan<\/strong>.<br \/>\n&#8211;\u00a0<strong>Domain Aplikasi:<\/strong> Tentukan nama domain website <strong>tanpa menggunakan <\/strong>http:\/\/ atau https:\/\/ (misal: makewebeasy.com).<br \/>\n&#8211;\u00a0<strong>URL Kebijakan Privasi<\/strong><strong>:<\/strong> Tentukan halaman URL berisi kebijakan privasi website, misalnya https:\/\/www.makewebeasy.com\/privacys-policy.<br \/>\n&#8211;\u00a0<strong>URL Syarat &amp; Ketentuan:<\/strong> Tentukan halaman URL berisi syarat dan ketentuan website, misalnya https:\/\/www.makewebeasy.com\/termscondition.<br \/>\n&#8211;<strong> Ikon Aplikasi<br \/>\n&#8211; Kategori<\/strong><br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-09.29.13-620x311.png\" \/><\/li>\n<li>Tambahakan platform jenis\u00a0<strong>Website\u00a0<\/strong>dan tentukan\u00a0<strong>URL situs\u00a0<\/strong>(misal: makewebeasy.com), lalu klik\u00a0<strong>Save (Simpan Perubahan).\u00a0<\/strong><br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-10.19.47-620x313.png\" \/><\/p>\n<p><img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-10.20.29-620x311.png\" \/><\/li>\n<li>Aktifkan toggle\u00a0<strong>&#8220;Mode Aplikasi&#8221;<\/strong>.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-09.37.40-620x313.png\" \/><\/li>\n<li>Salin\u00a0<strong>ID Aplikasi<\/strong> yang akan diinstal di sistem <em>back-end\u00a0<\/em>MakeWebEasy. Caranya adalah, masuk ke Menu\u00a0<strong><span style=\"color: #00ffff;\">&#8220;SEO &amp; Marketing&#8221; &gt; API &gt; API Facebook &gt; Aplikasi Facebook<\/span> &gt;\u00a0<\/strong>masukkan\u00a0<span style=\"color: #00ffff;\"><strong>Masukkan ID Aplikasi<\/strong><\/span>, dan klik<span style=\"color: #00ffff;\">\u00a0<\/span><strong><span style=\"color: #00ffff;\">Save (Simpan)<\/span>\u00a0<\/strong>untuk menyimpan pekerjaan.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-17.40.35-620x166.png\" \/><\/p>\n<p><img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-09.40.45-2-e1689136851766-620x332.png\" \/><\/li>\n<\/ol>\n<p>Sekarang, Anda dapat mengatur API Facebook lainnya di sistem\u00a0<em>back-end<\/em> MakeWebEasy, seperti:<\/p>\n<ul>\n<li>Facebook Comment (Komentar Facebook)<\/li>\n<li>Facebook Login (Login Facebook)<\/li>\n<li>Facebook Instant Article (Artikel Instan Facebook)<\/li>\n<\/ul>\n<h2><span style=\"font-size: 12pt;\"><strong>Facebook Comment (Komentar Facebook)<\/strong><\/span><\/h2>\n<p>Kolom komentar Facebook adalah tempat yang digunakan oleh audiens (konsumen) untuk mengekspresikan pandangan mereka terkait produk atau layanan melalui fitur komentar pada aplikasi Facebook. Jika Anda ingin menggunakan fitur ini, maka Anda harus mengatur Aplikasi Facebook diatas terlebih dahulu. Jika sudah, Anda dapat melanjutkan ke tahap selanjutnya, yaitu:<\/p>\n<ol>\n<li>Masuk ke menu\u00a0<span style=\"color: #00ffff;\"><strong>&#8220;SEO &amp; Marketing&#8221; &gt; API &gt; Facebook API<\/strong><\/span><\/li>\n<li>Anda dapat mengaktifkan toggle aktifkan\/nonaktifkan <strong><span style=\"color: #00ffff;\">Facebook Comment (Komentar Facebook)\u00a0<\/span><\/strong><span style=\"color: #00ffff;\"><span style=\"color: #000000;\">di berbagai bagian website, seperti:<br \/>\n<\/span><\/span><span style=\"color: #00ffff;\"><span style=\"color: #000000;\">&#8211; Sistem Produk (Detail Halaman Produk)<br \/>\n&#8211; Sistem Artikel (Detail Halaman Konten)<\/span><\/span><\/li>\n<\/ol>\n<h2><span style=\"font-size: 12pt;\">Facebook Login (Login Facebook)<\/span><\/h2>\n<p>Anda dapat menggunakan fitur ini untuk memudahkan audiens (konsumen) <strong>mengajukan keanggotaan<\/strong> atau <strong>login<\/strong> ke website dengan mudah hanya dengan menggunakan akun Facebook mereka.<\/p>\n<ol>\n<li>Masuk ke URL <a href=\"https:\/\/developers.facebook.com\">https:\/\/developers.facebook.com<\/a>, lalu pilih <strong>Log In<\/strong> di pojok kanan atas menu. Setelah login, masuk ke menu <strong>Aplikasi Saya.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-10.55.11-2-620x314.png\" \/><\/strong><\/li>\n<li>Buka <strong>Dasbor &gt; Login Facebook &gt; Setting (Pengaturan)<\/strong>.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-11.06.44-620x311.png\" \/><\/li>\n<li>Pada bagian\u00a0<strong>Client OAuth Settings<\/strong>, atur pengaturan seperti pada gambar, lalu klik\u00a0<strong>Save Changes (Simpan Perubahan)<\/strong>.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-14.53.06-620x311.jpg\" \/><br \/>\nPada bagian <strong>Domain yang diizinkan untuk JavaScript SDK<\/strong>, Anda dapat memasukkan nama domain (misalnya: makewebeasy.com)<\/li>\n<li>Pada bagian\u00a0<strong>OAuth Redirect URI<\/strong>, Anda dapat menentukannya dengan menyalin URL satu per satu dari sistem\u00a0<em>back-end<\/em> MakeWebEasy. Caranya adalah klik Menu\u00a0<span style=\"color: #00ffff;\"><strong>&#8220;Facebook API&#8221;<\/strong><strong> &gt; Facebook Login Settings &gt; OAuth Redirect URIs<\/strong><\/span>. Masukkan semuanya lalu klik\u00a0<span style=\"color: #00ffff;\"><strong>&#8220;Save Changes&#8221; (Simpan Perubahan)<\/strong><\/span>.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-11.36.46-e1689137040885-620x181.png\" \/><br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-11.39.38-620x312.jpg\" \/><\/li>\n<li>Jika muncul notifikasi seperti pada gambar, ikuti langkah-langkah di bawah ini:<br \/>\n*Jika tidak ada pemberitahuan, maka Anda dapat melewatinya.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-14.24.44-crop-620x95.png\" \/><br \/>\nJika muncul notifikasi seperti ini, klik link\u00a0<strong>Login Switch to Facebook<\/strong>, lalu pilih <strong>API Menggunakan Izin Tertentu Tidak Berfungsi.<\/strong><\/li>\n<li>Buka\u00a0<strong>Tinjauan Aplikasi &gt; Izin &amp; Fitur<\/strong>, lalu tekan\u00a0<strong>Minta Akses Lanjutan\u00a0<\/strong>untuk fitur berikut:<br \/>\n&#8211; Surel<br \/>\n&#8211; Profil Publik<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-13.46.02-620x312.jpg\" \/><br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-13.46.17-620x311.jpg\" \/><br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-13.49.11-620x311.jpg\" \/><\/li>\n<li>Buka\u00a0<strong>Pengaturan (Setting) &gt; Info Dasar &gt; Monitor Penggunaan Data<\/strong>, lalu tekan &#8220;<strong>Mulai Monitor&#8221;<\/strong><br \/>\n*Jika verifikasi selesai, Anda dapat melewati langkah ini.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-14.01.38-620x310.png\" \/><br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-14.04.27-620x521.png\" \/><br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-14.04.36-620x484.png\" \/><br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-14.04.42-620x146.png\" \/><br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-14.05.09-620x311.png\" \/><\/li>\n<li>Kembali ke sistem <em>back-end<\/em> MakeWebEasy. Klik pada menu\u00a0<strong><span style=\"color: #00ffff;\">&#8220;Facebook API&#8221; &gt; &#8220;Facebook Login Setting&#8221; (Pengaturan Login Facebook) &gt; Activate Facebook Login System (Aktifkan Sistem Login Facebook)<\/span>.\u00a0<\/strong>Terakhir, klik &#8220;<span style=\"color: #00ffff;\"><strong>Save&#8221; (Simpan)<\/strong><\/span> untuk menyelesaikan pekerjaan.<br \/>\n<img src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-14.17.19-e1689137093568-620x166.png\" \/><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":0,"template":"","manual_category_v4":[1996],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Koneksi Facebook API - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/id\/blog\/manual-4\/koneksi-facebook-api\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Koneksi Facebook API - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Facebook API Facebook API digunakan untuk menghubungkan website ke sistem Facebook yang meliputi: Facebook Login: Memungkinkan audiens untuk mengajukan keanggotaan atau membuat akun untuk masuk ke situs web dengan mudah. Facebook Comment: Memungkinkan audiens mengomentari produk, artikel, galeri, dan kalender aktivitas yang terkoneksi dengan Facebook. Facebook Instant Articles:\u00a0Membantu audiens mengakses artikel di Facebook dengan lebih [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/01\/Screen-Shot-2566-01-06-at-10.55.11-2-620x314.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual-4\/19849"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual-4"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/types\/manual-4"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=19849"}],"wp:term":[{"taxonomy":"manual_category_v4","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual_category_v4?post=19849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}