Sohbet Araçlarını ve Görselleri Engelleyen İçerik Güvenlik Politikası (CSP) Sorunları Nasıl Çözülür

Aracınızın grafik öğeleri eksikse veya yanlış yükleniyorsa, web sitenizin İçerik Güvenliği Politikasını (CSP) güncellemeniz gerekebilir.


CSP, hangi kaynakların (görseller, betikler ve stiller gibi) yüklenebileceğini kontrol eden tarayıcı tabanlı bir güvenlik özelliğidir. Güvenliği artırsa da, bazen tawk.to gibi meşru kaynakların doğru şekilde görüntülenmesini engelleyebilir.


CSP ile ilgili sorunlar nasıl tespit edilir


Aşağıdaki durumları yaşıyorsanız, CSP ile ilgili sorunlar yaşıyor olabilirsiniz:

  • Sohbet aracı kısa süreliğine görünüp sonra kaybolur.
  • Sohbet aracındaki görseller yüklenmez.
  • Sohbet aracı beklenmedik şekilde davranır veya düzgün çalışmaz.


Bu sorunlardan herhangi birini yaşıyorsanız, web sitenizin CSP ayarlarını kontrol etmek iyi bir fikirdir.


İçerik Güvenlik Politikası (CSP) Anlama


CSP ayarları, web sitenizde içeriğin hangi kaynaklardan yüklenebileceğine dair güvenilir kaynakları belirtmenize olanak tanır. CSP’niz çok kısıtlayıcıysa, tawk.to sohbet aracının düzgün çalışması için gerekli olan görselleri, betikleri ve stilleri engelleyebilir.


Bu sorunu çözmek için tawk.to kaynaklarını CSP ayarlarınızda beyaz listeye (whitelist) eklemeniz gerekir.

İçerik Güvenliği Politikası için Alan Adı Beyaz Listesi Ekleme

Başka bir alan adının sitenize komut dosyaları yüklemesine izin vermek için sunucunuzun yapılandırma dosyasına bir İçerik-Güvenlik-İlke başlığı ekleyin. Sitenizde tawk.to sohbet aracını etkinleştirmek için sunucu yapılandırmanıza aşağıdaki CSP başlıklarını ekleyin.

style-src

Content-Security-Policy: style-src *.tawk.to fonts.googleapis.com cdn.jsdelivr.net


script-src

Content-Security-Policy: script-src *.tawk.to cdn.jsdelivr.net


frame-src

Content-Security-Policy: frame-src *.tawk.to


font-src

Content-Security-Policy: font-src *.tawk.to fonts.gstatic.com


img-src

Content-Security-Policy: img-src *.tawk.to cdn.jsdelivr.net tawk.link


connect-src

Content-Security-Policy: connect-src *.tawk.to wss://*.tawk.to


form-action

Content-Security-Policy: form-action *.tawk.to


Bu makale, yaygın olarak kullanılan web sunucularına nasıl başlık ekleneceğini gösterir: Başlık Nasıl Eklenir

Sunucu yapılandırmanızı nasıl değiştireceğinizden emin değilseniz, web sitesi yöneticinize veya barındırma sağlayıcınıza danışın. Daha fazla bilgi için, yaygın web sunucularına başlık (header) ekleme konusundaki bu kılavuza başvurun.

Ek Dikkat Edilmesi Gerekenler

Tarayıcı önbelleğini temizleyin ve sayfayı yenileyin
Önbelleğe alınmış veriler, yapılan son değişikliklerin uygulanmasını engelleyebilir. Tarayıcınızın önbelleğini temizleyin, ardından sayfayı yenileyerek sohbet aracının düzgün görüntülenip görüntülenmediğini kontrol edin.


Farklı tarayıcılarda test edin
Bazı tarayıcılar CSP'yi farklı şekilde işleyebilir. Chrome, Firefox, Safari ve Edge gibi tarayıcılarda sohbet aracını test ederek tarayıcıya özel sorunları tespit edin.


Daha fazla yardıma ihtiyacınız varsa, bizimle bir görüşme ayarlayın, size yardımcı olalım.

Bu makale hakkında geri bildirimde bulunmak veya daha fazla yardıma ihtiyacınız varsa:

Bu makale size yardımcı oldu mu?

167 kişi içerisinden 73 kişi bu makaleyi beğendi