Günümüzde interaktif içerik sunmak, ziyaretçi etkileşimini artırmak için oldukça önemli.Eğer statik veya dinamik bir web siteniz varsa, Giscus sayesinde GitHub Discussions üzerinden yorum eklemek, bu etkileşimi sağlamanın harika bir yoludur. Bu blog yazısında, adım adım Giscus yorumlarını web sitenize nasıl entegre edeceğinizi öğreneceksiniz.
Gerekli Araçlar
GitHub Hesabı: Giscus, GitHub Discussions API'sini kullanır, dolayısıyla bir GitHub hesabınız olmalı.
Statik veya Dinamik Web Sitesi:HTML, Jekyll, Hugo, Blogger gibi herhangi bir statik veya dinamik site oluşturucu kullanabilirsiniz.
Giscus Hesabı Oluşturun
Giscus kullanabilmek için öncelikle bir GitHub repository’si oluşturmalısınız. Eğer zaten bir repository’niz yoksa, GitHub üzerinden yeni bir tane açın. Bu repository, yorumlarınızın kaydedileceği yer olacaktır.
Giscus Ayarlarını Yapın
Giscus’un [resmi web sitesine](https://giscus.app/) gidin.
Başlayın: "Get Started" veya "Get your embed code" seçeneklerine tıklayın.
Ayarları Doldurun:
- GitHub Repository: Yorumların kaydedileceği repository ismi.
- Discussion Category: Yorumların hangi kategori altında toplanacağını belirtin.
- Tema: Görsel tema seçimini yapın.
- Embed Kodu Alın: Ayarları tamamladıktan sonra size bir embed kodu verilecektir.
HTML Kodunu Ekleyin
Statik web sitenizin HTML dosyasında, yorumların görünmesini istediğiniz yere Giscus tarafından sağlanan embed kodunu yapıştırın. Örneğin:
<div id="giscus" style="min-height: 200px;"></div>
<script src="https://giscus.app/client.js"
data-repo="kullaniciadi/repositoryadi"
data-repo-id="repository-id"
data-category="category-name"
data-category-id="category-id"
data-mapping="pathname"
data-strict="0"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="bottom"
data-theme="light"
data-lang="tr"
crossorigin="anonymous"
async>
</script>
Not: Yukarıdaki kodda `kullaniciadi/repositoryadi`, `repository-id`, `category-name` ve `category-id` kısımlarını kendi repository bilgilerinizle değiştirin.
Sayfayı Yayınlayın
Yaptığınız değişiklikleri kaydedin ve web sitenizi yeniden yükleyin. Yorum alanı, belirlediğiniz konumda görünmelidir.
Web sitenizi açın ve bir yorum yapmayı deneyin. Yorumunuz, belirttiğiniz GitHub repository’sindeki Discussions bölümünde görünmelidir.
Giscus ile statik veya dinamik web sitenize yorum eklemek, kullanıcı etkileşimini artırmanın etkili bir yoludur. Basit birkaç adım ile ziyaretçilerinizin düşüncelerini paylaşmalarını sağlayabilir ve web sitenizi daha dinamik hale getirebilirsiniz. Hemen başlayın ve sitenizdeki etkileşimi artırın!