Ghost içerik yönetim sisteminin en büyük eksiklerden bir tanesi hali hazırda yorum sistemi içermemesidir. Bu yüzden ki yazılarına geri dönüş almak isteyen yazarlar tarafından yorum sistemleri aranmakta. Bu arayış sonucunda fonksiyonel ve kolay kullanılabilir özellikleriyle Disqus platformu karşımıza çıkıyor.

Disqus kolay yorum yönetiminin yanında sayfa veya gönderilerinize emoji reaksiyonları da eklemenize olanak sağlamaktadır.

Ghost'a Disqus kurulumu yaparken, temanızın kaynak dosyalarına bazı kod blokları ekleyecek ve ince ayarlar yapmanız gerekecektir.

Disqus Site Ekleme

Disqus platformunda hesap oluşturduktan sonra sağ üst köşede, profil fotoğrafınızın yanında Admin menüsüne tıklayınız. Aşağıdaki gibi bir ekran karşınıza çıkacaktır.

disqus-admin

Karşınıza çıkan ekranda Installing Disqus menüsüne tıklayarak bir çok platformun olduğu bir sayfaya erişeceksiniz.

disqus-platform

Platformların listelendiği bu sayfada sol menüde yer alan Create a Site butonuna tıklayınız.

disqus-site-ekleme

Açılan form sayfasında sitenizin adını, kategorisini, dilini seçerek Create Site butonuna tıklayınız.

Bu aşamadan sonra açılan ekranda ücretli üyelik paketleri listelenecektir. Biz ücretsiz sürüm kullanacağımız için Basic paketini seçiyoruz.

Paket seçildikten sonra Disqus'ı kullanmak istediğiniz platformu seçmenizi isteyen yeni bir ekran açılacaktır.

disqus-ghost-install

Burdan Ghost seçtiğinizde hangi işlemleri yapmanız gerektiğini söyleyen bir sayfaya ulaşacaksınız.

Disqus Universal Embed Code Kopyala

Açılan sayfada bulunan 2.aşamada ki Universal Embed Code linkini yeni bir sekmede açarak açılan sayfadaki kodu kopyalayınız. Kopyaladığınız kodda yer alan

/*
var disqus_config = function () {
this.page.url = PAGE_URL;  
this.page.identifier = PAGE_IDENTIFIER;
};
*/

kod bloğunu

var disqus_config = function () {
	this.page.url = "{{url absolute="true"}}";  
	this.page.identifier = "ghost-{{comment_id}}"
};

olarak değiştiriniz.

Değiştirilen kod parçası aşağıdaki gibi olacaktır. SITE_ADI yazan kısımda site eklerken verdiğiniz site adı yazacaktır. Ona göre düzenleyiniz.

<div id="disqus_thread"></div>
<script>
var disqus_config = function () {
	this.page.url = "{{url absolute="true"}}";  
	this.page.identifier = "ghost-{{comment_id}}"
};

(function() { 
    var d = document, s = d.createElement('script');
    s.src = 'https://SITE_ADI.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

Disqus Kodunu post.hbs İçine Ekle

Kopyaladığınız ve kendi siteniz için düzenlediğiniz Disqus Universal Embed Code'u tema dosyaları içindeki post.hbs dosyası içine eklemniz gerekmektedir.
Biz örneğimizde Casper teması kullandığımız için /var/www/ghost_dizini/content/themes/casper/ dizini içinde yer alan post.hbs içindeki aşağıdaki resimde belirtilen 67.satırı silip buraya Disqus kodunu ekliyoruz. Kodu ekledikten sonra yine aşağıdaki resimde görünen 65 ve 69 numaralı satırları silerek yorum kodunu aktif hale getiriyoruz.

ghost-disqus-yorum-alani

Düzenlediğimiz dosyayı kaydedip çıktıktan sonra ghost dizinine girip Ghost'u yeniden başlatmalısınız.

# Ghost Kurulumunda Eklenen Kullanıcıya Geç
su - ghostadmin

# Ghost Dizinine Git
cd /var/www/ghost_dizini

# Ghost Yeniden Başlat
# Bu aşamada kullanıcı şifresi soracaktır.
ghost restart

Ghost yeniden başladıktan sonra Disqus ekranına geri dönün ve Configure butonuna tıklayarak Disqus Configure sayfasına gidiniz.

disqus-configure

Bu sayfada da gerekli alanları doldurup Complete Setup butonuna tıkladığınızda Ghost'a Disqus ekleme işlemi tamamlanmıştır.

Official Ghost + Disqus Integration
Setting up Disqus with Ghost allows you to embed comment threads, upvotes and emoji reactions on your posts & pages. Install comments on your site 👉