Widget

Widget adalah elemen kecil interaktif yang menampilkan konten atau fungsi tertentu di situs web Anda tanpa memerlukan pemrograman yang kompleks. Dalam kasus kami, widget menampilkan profil secara langsung di halaman Anda. Widget dapat fleksibel dipasang di berbagai tempat dan memberikan pengunjung gambaran langsung tentang profil tanpa harus meninggalkan platform Anda. Integrasi dilakukan dengan mudah melalui JavaScript sehingga widget menyatu secara mulus dengan desain situs web Anda

Pemasangan widget di situs web Anda dilakukan melalui JavaScript. Dengan beberapa baris kode, Anda dapat menempatkan widget di tempat yang diinginkan. Anda hanya perlu memasukkan tag HTML yang disediakan ke dalam kode HTML halaman Anda


    <script src="https://static-edge-p6.cdn.es-infra.net/public/ept.latest.js"></script>

Dengan implementasi Target, Anda dapat menentukan dengan tepat di mana widget atau konten lainnya akan ditampilkan di situs web Anda. Untuk itu, sebuah kontainer DIV kecil dimasukkan ke dalam kode HTML yang berfungsi sebagai titik target untuk widget. Melalui JavaScript, widget kemudian dimuat dan ditampilkan dalam kontainer ini


    <div id="target"></div>

Saat memasang widget, Anda dapat mengonfigurasi berbagai parameter untuk menyesuaikan tampilan dan isi. Berikut ini adalah penjelasan parameter utama dari objek P6Embed:

id: Menentukan elemen HTML tempat widget akan ditampilkan. Gunakan id kontainer DIV di sini, misalnya target
ety: Menentukan tipe atau kategori widget, misalnya et1. Nilai ini mengatur jenis tampilan yang dimuat
bsw: Menentukan lebar widget dalam piksel. Contoh: 500 menetapkan lebar menjadi 500px
bsh: Menentukan tinggi widget dalam piksel. Contoh: 600 menetapkan tinggi menjadi 600px
eun: Menetapkan nama profil yang akan ditampilkan di widget. Contoh: 'PROFILE_NAME'
border: Menentukan jenis bingkai widget. Contoh: '1px solid #000' menghasilkan bingkai hitam dengan ketebalan 1px

Dengan parameter ini, Anda dapat memodifikasi widget sesuai desain dan kebutuhan situs web Anda. Setelah konfigurasi, widget ditampilkan dengan memanggil metode .render():


    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();

Dengan implementasi lengkap, Anda dapat memasang widget di situs web Anda dalam satu langkah. Pertama, tempatkan elemen target di mana widget akan dimuat, lalu tambahkan kode JavaScript yang menginisialisasi widget. Dengan cara ini, baik tampilan maupun fungsionalitas secara otomatis diaktifkan, sehingga widget langsung tersedia secara interaktif. Metode ini memastikan widget dimuat dengan benar dan semua parameter yang dikonfigurasi seperti lebar, tinggi, nama profil, atau bingkai diterapkan


<div id="target"></div>
<script type="text/javascript">
    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();
</script>

Widget

Untuk menjelaskan cara kerja dan opsi penyesuaian widget, berikut beberapa contoh praktis. Setiap contoh menunjukkan seperti apa tampilan widget di situs web Anda dan bagaimana parameter berbeda memengaruhi tampilan serta perilakunya

Persetujuan eksplisit tidak diperlukan karena platform kami menggunakan pseudonimisasi data. Informasi pribadi tidak disimpan secara langsung, sehingga anonimitas pengguna terjaga dan identifikasi langsung tidak memungkinkan. Dengan memasang di situs web eksternal, pemrosesan data juga dilakukan secara pseudonim sehingga privasi pengguna tetap terlindungi

Widget

Widget

Widget Kecil

Contoh:

Widget Sedang

Contoh:

Widget Besar

Contoh: