Memasang Graphcomment di Svelte

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 // kalo menggunakan fixed header
    }
  }
</script>

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

<div id="graphcomment" />

Mudah bukan?