FastComments.com

Ionos Sitelerine Yorum Ekle

FastComments ile Ionos ile oluşturulmuş herhangi bir siteye canlı yorum özelliğini kolayca ekleyebiliriz.

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

Adım 1: İletişim Formu Ekle Internal Link

İlk olarak, FastComments'in yerine koyacağı bir iletişim formu ekleyeceğiz.

Bunu yapmak için site düzenleyicisini açın ve istenen sayfada Add Section'a tıklayın.

Then, go to Content -> Contact -> Contact Form on the left, as shown:

İletişim Formu Ekle
İletişim Formu Ekle

Sonraki olarak, FastComments'e formumuzu değiştirmesini söylememiz gerekiyor. Varsayılan form başlığına tıklayın:

Form Başlığını Ayarla
Form Başlığını Ayarla

Başlığı FastComments Goes Here olarak ayarlayacağız. Büyük/küçük harf kullanımı ve boşlukların aynı olması çok önemlidir, aksi takdirde çalışmaz; bu yüzden bu metni kopyalayıp yapıştırmanızı öneririz.

İşlem tamamlandığında şöyle görünmelidir:

Başlık Ayarlandı
Başlık Ayarlandı

Bu birinci adımın sonu!

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

Şimdi FastComments widget kodunu sitenize ekleyeceğiz. Bu kod, başlığı FastComments Goes Here olan tüm formları arayacak ve onları FastComments ile değiştirecektir.

Site düzenleyicisinin sol altındaki Settings bölümüne gidelim:

Ayarları Aç
Ayarları Aç

Custom Head Code bölümünü açın:

Custom Head Code'u Aç
Custom Head Code'u Aç

Ionos için FastComments widget kodunun özel bir sürümüne ihtiyacımız var. Diğer eğitimlerden alınan kod parçacıkları çalışmayacaktır.

Şimdi aşağıdaki kodu kopyalayın:

Ionos FastComments Snippet
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<script>
4 (function () {
5 let loaded = false;
6 let interval = null;
7
8 function attemptLoad() {
9 const nodes = document.querySelectorAll('h2');
10
11 nodes.forEach(function (node) {
12 if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {
13 // we get the element that is not full width
14 const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;
15 target.innerHTML = '';
16 FastCommentsUI(target, {
17 tenantId: "demo"
18 });
19 interval && clearInterval(interval);
20 loaded = true;
21 }
22 });
23 }
24
25 attemptLoad();
26 if (!loaded) {
27 interval = setInterval(attemptLoad, 300);
28 }
29 })();
30</script>
31

...ve gösterildiği gibi yapıştırın:

Yapıştır ve Kaydet
Yapıştır ve Kaydet

Adım 3: Yayınla Internal Link

Şimdi yapmamız gereken tek şey sitemizi yayınlamak ve işimiz tamam.

Sol üstte Content'e tıklayarak içerik düzenleyicisine geri dönün:

İçeriğe geri dön
İçeriğe geri dön

Sonra yayınlayabiliriz!

Yayınla!
Yayınla!

Hepsi bu kadar! FastComments sitenizde yayında olmalı. Şunun gibi bir şey görmelisiniz:

Bitti!
Bitti!

Başarı Internal Link

Tebrikler! Ionos 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.

Özelleştirme Internal Link

FastComments, sitenizle uyumlu olacak şekilde özelleştirilebilir.

Özel stil eklemek veya yapılandırmayı ayarlamak isterseniz, nasıl yapılacağını öğrenmek için Özelleştirme Belgelerimize göz atın.