Add Live Commenting to Bubble.io Sites

Öncelikle FastComments eklemek istediğiniz sayfa/yerleşime gidin. Bubble editöründe, Görsel Öğeler kenar çubuğundan bir HTML öğesini sayfanıza sürükleyip bırakın.

HTML Öğesi Ekle

HTML öğesi, FastComments widget'ını doğrudan Bubble uygulamanıza gömmenize olanak tanır.

Az önce eklediğiniz HTML öğesine tıklayın. Görüntülenen özellik düzenleyicisinde, aşağıdaki kodu HTML alanına yapıştırın:

Bubble.io Canlı Yorumlama Kod Parçacığı

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget" style="width: 100%;height: 100%;"></div>

4<script>

5 (function fcLoad() {

6 function tryLoad() {

7 // bubble kod parçacığını genellikle async olacak şekilde değiştirir

8 const container = document.getElementById('fastcomments-widget');

9 if (!container) {

10 return waitRetry();

11 }

12 if (!window.FastCommentsUI) {

13 return waitRetry();

14 }

15 if (container.fastCommentsSetup) {

16 return;

17 }

18 window.FastCommentsUI(container, {

19 tenantId: 'demo',

20 pageTitle: top.document.title,

21 url: top.location.href,

22 urlId: top.location.pathname

23 });

24 container.fastCommentsSetup = true;

25 }

26 function waitRetry() {

27 setTimeout(tryLoad, 500);

28 }

29 tryLoad();

30 })();

31</script>

32

FastComments Kodunu Ekle

Not: Bu kod, FastComments'in Bubble'ın dinamik ortamında düzgün şekilde yüklenmesini sağlamak için bir yeniden deneme mekanizması içerir. Diğer kod parçacıkları çalışmayacaktır.

Kayıt olduktan sonra 'demo' değerini gerçek FastComments tenant ID'niz ile değiştirin. FastComments.com'a giriş yaptıysanız, bu zaten değiştirilmiş olacaktır.

Yorum widget'ının doğru görüntülenmesini sağlamak için HTML öğesinin genişliğini ayarlamamız gerekir. Öğenin özellik düzenleyicisinde Düzen sekmesini arayın.

Genişlik Ayarını Bul

Düzen sekmesi, yorum widget'ımızın farklı ekran boyutlarında doğru şekilde görüntülenmesine yardımcı olacak önemli boyutlandırma seçeneklerini içerir.

In the Layout sekmesinde genişliği 100% olarak ayarlayın. Bu, yorum widget'ının kapsayıcısının tüm genişliğini kaplamasını ve farklı ekran boyutlarına uygun şekilde tepki vermesini sağlar.

Genişliği 100% Olarak Ayarlayın

Değerini 100 (veya istediğiniz yüzde) olarak değiştirdikten sonra, sayının yanındaki açılır menüye tıklayarak bunu pikselden yüzdeye değiştirmeniz gerekecektir.

Ayrıca yorum widget'ının düzgün görüntülenmesi için yeterli alana sahip olmasını sağlamak amacıyla minimum bir yükseklik (ör. 400px) ayarlayın.

Bu değişiklikleri yaptıktan sonra, FastComments widget'ınızı çalışırken görmek için Önizleme düğmesine tıklayın!

Tebrikler! Bubble.io sitenize canlı yorum özelliği eklediniz.

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

FastComments, sitenize uyacak şekilde özelleştirilmek üzere tasarlanmıştır.

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