FastComments.com

Add Live Commenting to Typeflo.io Blogs


Bu Kılavuz Neleri Kapsar

Bu kılavuz, Typeflo.io bloglarında FastComments ile canlı yorum özelliğinin kurulmasını kapsar.

1. Kod Girişini Bul Internal Link

FastComments'i Typeflo.io blogunuza eklemek için önce blogunuzun kontrol paneline gidin ve sol kenar çubuğunda Ayarlar'a tıklayın.

Ayarlar'a Tıklayın
Typeflo.io'da Ayarlar'a gidin

Sonra, ayarlar sayfasının üst kısmındaki Özel Kod sekmesine tıklayın.

Özel Kod Sekmesine Tıklayın
Typeflo.io Ayarlarında Özel Kod sekmesine tıklayın

Özel kod eklemek için Üstbilgi, Gövde ve Altbilgi olmak üzere üç bölüm göreceksiniz. FastComments için Altbilgi bölümünü kullanacağız.

2. Kodu Ekle Internal Link

Custom Code sekmesinin Footer bölümüne aşağıdaki kodu yapıştırın:

Typeflo.io Canlı Yorum Kod Parçası
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js" async></script>
3<script>
4 (function () {
5 function load() {
6 let target = null;
7 let lastInstance;
8 if (document.querySelector('.fastcomments-widget')) {
9 setTimeout(load, 1000);
10 return;
11 }
12 if (lastInstance) {
13 lastInstance.destroy();
14 }
15 if (window.FastCommentsUI) {
16 const newElement = document.createElement('div');
17 newElement.classList.add('fastcomments-widget');
18 const subscribeSection = document.querySelector('.nc-SectionSubscribe2');
19 if (subscribeSection) {
20 subscribeSection.parentNode.insertBefore(newElement, subscribeSection);
21 target = newElement;
22 } else {
23 const fullWidthSection = document.querySelector('.container.w-full');
24 if (fullWidthSection) {
25 fullWidthSection.prepend(newElement);
26 target = newElement;
27 }
28 }
29 }
30 if (target) {
31 lastInstance = FastCommentsUI(target, {
32 "tenantId": "demo"
33 });
34 }
35 setTimeout(load, 1000);
36 }
37
38 load();
39 })();
40</script>
41
Kodu Footer Bölümüne Yapıştırın
FastComments Kodunu Footer Bölümüne Yapıştırın

Kodu yapıştırdıktan sonra değişiklikleri uygulamak için Save düğmesine tıklayın.

Note: Bu kod, FastComments widget'ını Typeflo.io blog gönderilerinizde en uygun konuma dinamik olarak yerleştirmek için mantık içerir. Diğer kod parçacıkları Typeflo.io'nun düzeniyle düzgün çalışmayabilir.

Kaydolduktan sonra 'demo' değerini gerçek FastComments tenant kimliğinizle değiştirmeyi unutmayın. FastComments.com'a giriş yaptıysanız, bu değer zaten değiştirilmiş olmalıdır.

Başarılı Internal Link

Tebrikler! Typeflo.io blogunuza canlı yorum özelliği eklediniz.

FastComments artık tüm blog yazılarınızda görünecek ve okuyucularınızın tartışmalara katılmasına olanak tanıyacak.

Eğer bir izin reddedildi hatasıyla karşılaştıysanız veya FastComments'i özelleştirmek istiyorsanız, okumaya devam edin.

Özelleştirme Internal Link

FastComments, blogunuzun tasarımına uyacak şekilde özelleştirilebilir.

Özel stil eklemek veya yapılandırmayı değiştirmek isterseniz, nasıl yapacağınızı öğrenmek için Özelleştirme Belgelerimizi İnceleyin.

Typeflo.io blogları için, FastComments betiğini eklediğiniz aynı Özel Kod bölümüne özel CSS stilleri ekleyebilirsiniz.