Add Comments to Squarespace Sites

Bu bölümde Squarespace blogunuza canlı yorum eklemeyi öğreneceğiz.

Kodu yalnızca bir kez eklemeniz yeterli olacak ve widget mevcut blog gönderilerine ve gelecekte oluşturacağınız tüm blog gönderilerine otomatik olarak eklenecektir.

Yorum dizileri her bir blog gönderisine özgü olacaktır.

Editör'de soldaki Pages'i açarak başlayacağız:

Pages'i Aç

Altta sağında bir dişli ile Blog görmelisiniz. Blog ayarlarını açmak için dişliye tıklayın:

Blog Ayarlarını Aç

Şimdi Advanced'a ve ardından Post Blog Item Code Injection'a gideceğiz:

Blog Öğesi Kod Ayarını Aç

Aşağıdaki gibi boş bir kod alanı görmelisiniz:

Boş Kod Alanı

Now we can copy the following code snippet (use the copy button in the top right of the snippet):

Squarespace Blog Yorumları Kodu

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 const tenantId = 'demo'; // hesabınızın kimliği

7

8 function tryLoad() {

9 // farklı düzenler için yüklemeyi dene

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...then paste in the code area and click save:

Yapıştır ve Kaydet

Başarılı! Artık tüm blog gönderilerinizde FastComments Comment Widget'ı görmelisiniz.

Başarılı!

FastComments'ı Squarespace ile kurduğunuz için tebrikler! Bir Domain Error ile karşılaştıysanız veya yorum alanını nasıl özelleştireceğinizi öğrenmek istiyorsanız, okumaya devam edin!

Bu bölümde Squarespace sitenizdeki tüm sayfalara canlı yorum eklemeyi öğreneceğiz.

Kodu yalnızca bir kez eklemeniz yeterli olacak ve widget, mevcut sayfalara ve gelecekte oluşturacağınız sayfalara otomatik olarak eklenecektir.

Yorum dizileri her sayfa için benzersiz olacaktır.

Editör'de sol taraftaki Ayarlar'ı açarak başlayacağız:

Ayarları Aç

Alt tarafta Developer Tools'ı görmelisiniz. Buna tıklayın:

Geliştirici Araçlarını Aç

Şimdi Code Injection'a gideceğiz:

Kod Enjeksiyonunu Aç

Şimdi kod ekleyebileceğimiz iki alan görmelisiniz; biri HEADER, diğeri FOOTER olarak etiketlenmiş. Kodumuzu FOOTER alanına ekleyeceğiz:

Boş Altbilgi Alanı

Bir sonraki adımda kodumuzu kopyalayıp ekleyeceğiz.

Şimdi aşağıdaki kod parçasını kopyalayabiliriz. Kod parçasının sağ üst köşesinde beliren kopyala düğmesini kullanın.

Kodda yapılandırabileceğiniz birkaç şey var; 4 ila 7. satırlara bakın.

Squarespace Tüm Sayfalar Yorum Kodu

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 const tenantId = 'demo'; // hesap kimliğiniz

7

8 function tryLoad() {

9 // farklı düzenler için yüklemeyi dene

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...sonra kod alanına yapıştırın ve kaydet'e tıklayın. Kodun FOOTER bloğunda olduğu şu şekilde görünmelidir:

Yapıştır ve Kaydet

Sorun yaşıyorsanız, aşağıya yakın bölümde "tenantId": "demo" yazmadığından emin olun. Giriş yaptıysanız, tenant id'inizi göstermelidir. Eğer göstermiyorsa, destek ile iletişime geçin.

Başarılı! Artık tüm sayfalarınızda FastComments Comment Widget'i görmelisiniz.

FastComments'ı Squarespace ile kurduğunuz için tebrikler! Eğer bir Domain Error ile karşılaştıysanız veya yorum alanını nasıl özelleştireceğinizi öğrenmek istiyorsanız, okumaya devam edin!

Bu bölümde Squarespace sitenizin belirli bir sayfasına canlı yorum eklemeyi öğreneceğiz.

Bu yaklaşımla yorum bileşenini eklemek istediğiniz her sayfaya kodu eklemeniz gerekecek.

Yorum dizileri her sayfa için benzersiz olacaktır.

Yorum bileşenini belirli bir sayfaya eklerken biraz daha fazla kontrole sahibiz.

Bileşeni tam istediğimiz yere ekleyebiliriz; bu eğitimde bunu, özel bir kod bloğu ekleyerek yapacağız.

Önce yorum eklemek istediğiniz sayfayı açın ve sol üstteki düzenle düğmesine tıklayın.

Bu örnekte özellikle yorumlar için bir bölüm ekleyeceğiz, ancak bunları sayfadaki mevcut bir bölüme de ekleyebilirsiniz.

Bölümümüzü ekleyelim:

Bölüm Ekle

Boş bir bölüm ekleyeceğiz:

Boş Bölüm Ekle

Büyük bir boş alan eklendiğini göreceksiniz. Sol üstteki ADD BLOCK'a tıklayın:

Blok Ekle

Aşağı kaydırın ve Code seçeneğini bulduğunuzda üzerine tıklayın:

Kod Bileşenini Seç

Kod bloğunu yorum bileşeninin nasıl konumlandırılmasını istiyorsanız o şekilde yerleştirin:

Konum

Kod bloğunu düzenleyin:

Kod Bloğunu Düzenle

Bir sonraki adımda kodumuzu kopyalayıp ekleyeceğiz.

Şimdi aşağıdaki kod parçacığını kopyalayabiliriz. Parçacığın sağ üst köşesinde görünen kopyala düğmesini kullanın.

Koddaki birkaç şeyi yapılandırabilirsiniz, 4 ile 7. satırlara bakın.

Squarespace Tek Sayfa Kodu

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 const tenantId = 'demo'; // hesap kimliğiniz

7

8 function tryLoad() {

9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Şunun gibi görünmelidir:

Yapıştır ve Kaydet

Şimdi sağ üstte Kaydet'e tıklayın.

Preview in Safe Mode seçeneğinin çalışmayacağını unutmayın, ancak widget sitenizi ziyaret ettiğinizde görünecektir.

Sorun yaşıyorsanız, sayfanın alt kısmına yakın yerde "tenantId": "demo" yazmadığından emin olun. Giriş yaptıysanız, tenant kimliğinizi göstermelidir. Değilse, destek ile iletişime geçin.

Başarılı! Artık sayfanızda FastComments Comment Widget'ı görmelisiniz.

Squarespace ile FastComments'i kurduğunuz için tebrikler! Eğer bir Domain Error ile karşılaştıysanız veya yorum alanını nasıl özelleştireceğinizi öğrenmek istiyorsanız, okumaya devam edin!

FastComments, sitenize uyum sağlaması için özelleştirilebilir şekilde tasarlanmıştır.

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