FastComments.com

Add Comments to Weebly Sites


FastComments ile herhangi bir Weebly sitesine kolayca canlı yorum özelliği ekleyebiliriz.

Aşağıdaki talimatlar Weebly üzerinde oluşturulmuş bir blog içindir. Diğer site türleri için memnuniyetle yardımcı oluruz; sadece destek ekibimizle iletişime geçin.

Bu öğreticinin bir FastComments hesabı gerektirdiğini unutmayın. Önce kaydolmanız ve ardından buraya geri dönmeniz önerilir. Buradan bir hesap oluşturabilirsiniz.


Adım 1: Blog Ayarlarını Açın Internal Link

İlk olarak, bu eğitimin sonuçlarını görebilmek için sitenize bazı blog yazıları eklediğinizden emin olun.

Hazır olduğunuzda, Weebly düzenleyicisini açıp üstteki Settings'e tıklayabiliriz.

Ayarları Aç
Open Settings

Şimdi sol taraftaki Bloga giderek blogumuzun ayarlarını açalım:

Blog Ayarlarını Aç
Open Blog Settings

Şimdi yapmamız gereken, varsayılan Weebly yorum sistemini devre dışı bırakmaktır; bunu değiştireceğiz.

Not Eğer mevcut yorumları Weebly sitenizden FastComments'e taşımak isterseniz, destek temsilciniz bu taşınma işlemi konusunda yardımcı olabilir.

Şimdi Commenting system'i Default olarak ve Comment DefaultClosed olarak ayarlayalım:

Varsayılan Sistemi Devre Dışı Bırak
Disable The Default System

Son olarak FastComments.com widget kodunu eklememiz yeterli!


Adım 2: FastComments.com Kodunu Ekleyin Internal Link

Weebly ile FastComments entegrasyonunun düzgün çalışması için iki küçük kod parçası eklememiz gerekiyor.

İlk kod parçası Weebly'deki "Comments are Closed" mesajını gizlemek içindir, ikincisi ise FastComments'i gerçekten yüklemektir.

İlk olarak, bu küçük kod parçasını kopyalayın:

FastComments Üstbilgi Kod Parçacığı
Copy Copy
1
2<style>
3 #comments {
4 display: none;
5 }
6 #commentArea:not(.loaded) {
7 display: none;
8 }
9 #commentArea.loaded {
10 display: block !important;
11 }
12</style>
13

Daha sonra, Step One'dan gelen aynı ayarlar sayfasında, Post header code'un yanındaki +'a tıklayın.

Gönderi Üstbilgi Kodunu Aç
Gönderi Üstbilgi Kodunu Aç

Aşağıdaki gibi bir metin kutusunun açıldığını görmelisiniz:

Gönderi Üstbilgi Kodu Açık
Gönderi Üstbilgi Kodu Açık

Şimdi kod parçamızı yapıştıralım:

Üstbilgi Kod Parçacığı Yapıştırıldı
Üstbilgi Kod Parçacığı Yapıştırıldı

Sırada FastComments'i etkinleştirmek için altbilgi kodu var. Post footer code'un yanındaki artı işaretine tıklayın:

Gönderi Altbilgi Kodunu Aç
Gönderi Altbilgi Kodunu Aç

Aşağıdaki kod parçacığını kopyalayın; bu kod özellikle Weebly için tasarlanmıştır:

FastComments Altbilgi Kod Parçacığı
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 (function () {
6 let loaded = false;
7 let interval = null;
8 function attemptLoad() {
9 if (loaded) {
10 clearInterval(interval);
11 return;
12 }
13 const comments = document.getElementById('comments');
14 if (comments) { // yorumları göster düğmesini kaldır
15 comments.remove();
16 }
17 const commentArea = document.getElementById('commentArea');
18 if (!commentArea) {
19 return;
20 }
21 commentArea.innerHTML = '';
22 commentArea.classList.add('loaded');
23 FastCommentsUI(commentArea, {
24 tenantId: "demo",
25 urlId: window.location.pathname
26 });
27 loaded = true;
28 clearInterval(interval);
29 }
30 attemptLoad();
31 interval = setInterval(attemptLoad, 300);
32 })();
33</script>
34

Şimdi altbilgi kodumuzu yapıştıralım:

Gönderi Altbilgi Kodu Eklendi
Gönderi Altbilgi Kodu Eklendi

Bu kadar!

Adım 3: Yayınlayın! Internal Link

Şimdi sadece değişiklikleri kaydedip sitemizi yayınlamamız kaldı!

Kaydet ve Yayınla
Kaydet ve Yayınla

Başarılı Internal Link

Başarılı! Siteyi görüntülerseniz, artık FastComments Live Commenting etkin olmalıdır:

Başarılı
Başarılı

Özelleştirme Internal Link


FastComments, sitenize uyacak şekilde özelleştirilebilecek biçimde tasarlanmıştır.

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