Plugin Grup

Plugin Grup memungkinkan orang untuk mengunjungi grup Facebook Anda dari tautan di halaman web.

Plugin Grup untuk Web

Plugin Grup untuk Web adalah plugin yang menambahkan tombol Kunjungi Grupdi halaman web Anda, yang ketika diklik akan mengalihkan seseorang ke Grup Facebook Anda. Plugin menggunakan Facebook SDK untuk JavaScript untuk menampilkan tombol di halaman web.

Sebelum Memulai

Untuk menyematkan Plugin Grup di halaman web, Anda akan memerlukan:

URL Grup Facebook
Untuk mendaftarkan aplikasi web Anda ke Meta dengan Pengaturan Dasar
Mengatur platform untuk aplikasi Anda ke Situs Web
Tinjauan Aplikasi —Saat Anda ingin plugin tersedia untuk pengunjung halaman web Anda serta orang yang memiliki peran di aplikasi Anda, seperti developer atau penguji, aplikasi Anda harus disetujui selama Tinjauan Aplikasi
Merilis aplikasi Anda

Batasan

Plugin Grup untuk Web hanya dapat digunakan di halaman web

Mendapatkan Kode

Untuk mendapatkan kode Tombol Kunjungi yang akan disematkan di halaman web, gunakan Konfigurator Kode.

Langkah 1. Gantikan URL dengan URL Anda untuk Grup Facebook.

Langkah 2. Perbarui lebar pixel dengan tombol Kunjungi Grup.

Langkah 3. Tambahkan metadata jika Anda ingin menyertakan informasi tambahan di kode tombol.

Langkah 4. Klik Dapatkan Kode.

Konfigurator Kode

Grup URL

Lebar pixel dari plugin

Sertakan Metadata

Dapatkan Kode

Langkah 5. Salin dan tempel snippet dari kode HTML ke halaman web yang akan menampilkan tombol.

Atribut Plugin

Berikut adalah semua pengaturan yang tersedia bagi Plugin Grup untuk Web.

Atribut	Deskripsi
`data-href`	URL Grup Facebook
`data-show-metadata`	Menampilkan metadata tentang Grup Facebook, seperti deskripsi
`data-lazy`	`true` atau `false`, default-nya. Saat diatur ke `true`, browser tidak akan me-render plugin jika plugin mungkin tidak pernah terlihat, seperti jika plugin tidak dekat dengan Viewport
`data-width`	Lebar plugin dalam piksel. Default-nya adalah 280. Lebar minimal 180 dan lebar maksimal 500
`data-skin`	Tema warna untuk konten plugin. Opsi berikut didukung: `light`: Plugin di-render dengan teks berwarna gelap, default-nya `dark`: Plugin di-render dengan teks berwarna putih

Contoh Kode

Jika Anda tidak ingin menggunakan konfigurator kode, salin dan tempelkan kode berikut di halaman web Anda. Ganti hal berikut dengan nilai Anda:

Di URL js.src, ganti LATEST-API-VERSION dengan versi Graph API yang digunakan oleh aplikasi Anda
Di URL js.src, ganti APP-ID dengan ID Aplikasi Meta milik aplikasi Anda
Untuk data-href, ganti GROUP-URL dengan URL Grup Facebook Anda

<html>

<head>
    <!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=LATEST-API-VERSION&appId=APP-ID&autoLogAppEvents=1';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
</head>

<body>

    <!--Your Group Plugin for the Web code-->
    <div class="fb-group" 
         data-href="GROUP-URL" 
         data-width="280" 
         data-show-metadata="false">
    </div>

</body>

</html>