Petunjuk Teknis Pemasangan Widget Konten GPR

Untuk memasang widget Konten GPR Kominfo di website K/L/D cukup mudah, yaitu cukup meng-copy dan pastescript widget di body website.

Widget GPR Kominfo

Pemasangan widget

- Untuk memasang widget Konten GPR Kominfo di website K/L/D cukup mudah, yaitu cukup meng-copy dan pastescript widget di body website.

<script type="text/javascript" src="https://widget.kominfo.go.id/gpr-widget-kominfo.min.js"></script>

<div id="gpr-kominfo-widget-container"></div>

- Posisi untuk widget versi pertama ini sesuai ditempatkan pada sidebar sebuah website

- Tampilan widget  akan dapat menyesuaikan dengan layout dan tampilan website K/L/D.

- Agar tampilan widget maksimal, atur ukuran lebar (widthwidget sebagai berikut :

    1. Minimun Width : 300 px (pixels)
    2. Maksimum Width : 780px (pixels)
    3. Best Width : 500px (pixels)

- Untuk ukuran tinggi (height), akan menyesuaikan dari isi konten. Sehingga tidak perlu di-set.


Struktur XML

Secara Proses, Widget GPR Kominfo bekerja mengolah data dari beberapa RSS GPR Kominfo yang kemudian digabungkan dan diolah kembali menjadi sebuah file XML baru. Struktur dari XML baru tersebut akan berbentuk sebagai berikut :

<?xml version="1.0" encoding="UTF-8"?>

  <rss version="2.0">

    <item>

       <title>Judul untuk ditampilkan pada widget</title>

       <category>Kategori GPR</category>

       <dateOrigin>format tanggal full dari rss untuk sortir data</dateOrigin>

       <pubDate>format tanggal untuk ditampilkan di widget</pubDate>

       <author>Hardcode : Tim GPR Kominfo, untuk ditampilkan di widget</author>

       <link>link untuk detail konten</link>

       <description>deskripsi konten, saat ini tidak ditampilkan di widget</description>

       <icon_class>untuk membedakan gambar pada setiap kategori konten</icon_class>

       <category_title>Kategori konten yang ditampilkan pada widget</category_title>

    </item>

  </rss>

 XML RSS GPR dapat diunduh pada link berikut : https://widget.kominfo.go.id/data/latest/gpr.xml

 Unduh Petunjuk Teknis versi PDF-nya disini 

#Teknologi
SHARE :
LINK TERKAIT