Memasang Graphcomment di Svelte

Teknologi : #Graphcomment ‍ #Sistem komentar ‍ 

Thursday, Apr 1, 2021

Sebelumnya aku telah menulis catatan tentang Webmention. Namun satu kekurangannya adalah, itu hanya dapat menggunakan satu Webmention untuk satu akun media sosial kita. Karena syaratnya akun kita itu harus mencantumkan alamat link ke web kita yang menggunakan Webmention.

Sebuah alternatif

Graphcomment adalah penyedia layanan sistem komentar untuk web. Ini bersifat gratis. Yang kamu perlukan hanyalah sebuah akun di graphcomment.com, lalu memasang script untuk memanggil komponen komentar mereka.

Jika kamu ingin memasang di semacam Blogspot, maka cukup copy-paste saja kode yang diberikan di halaman dashboard Graphcomment kamu. Jika di Svelte, maka yang kamu butuhkan hanya sebuah komponen src/lib/Graphcomment.svelte

<script type="text/javascript">
  import { browser } from '$app/env'
  if (browser) {
    window.gc_params = {
      graphcomment_id: 'id-graphcomment-web-kamu',
      fixed_header_height: 75
    }
  }
</script>

<svelte:head>
  <script src={`https://graphcomment.com/js/integration.js?${Date.now()}`} async></script>
</svelte:head>

<div id="graphcomment" />

Mudah bukan?