Bu makale, widget’ı yalnızca sitenizdeki belirli sayfalarda görünecek şekilde ayarlamanıza yardımcı olacaktır. Bu seçenek, sitenin koduna erişimi olan ve widget’ın nerede görüneceği üzerinde tam kontrol sahibi olmak isteyen kullanıcılar için kullanışlıdır.

Belirli sayfalarda bir widget nasıl görüntülenir?

Bu sürecin arkasındaki konsept basittir. URL’yi kodun içine girdiğinizde Tidio yalnızca yapılandırılmış sayfalarda görünecektir. Tanımlanan bağlantıyla eşleşmeyen diğer herhangi bir URL’de gizlenecektir.

Bir örnek görelim:

Kod’a http://mystore.com/products/black/ URL’sini ekledik. Bu durumda widget, bu ifadeyi içeren tüm URL’lerde görüntülenecektir.

Widget şu durumlarda görünmeyecektir:

  • http://mystore.com/about
  • http://mystore.com/contact
  • http://mystore.com/blog

Ancak şu şekilde görünecektir:

  • http://mystore.com/products/black/
  • http://mystore.com/products/black/shoes
  • http://mystore.com/products/black/accessories

kod

Bu seçeneği uygulamak için şu adımları izleyin:

  1. Bu kod komut dosyasından sonra yüklenmelidir; bu nedenle kodu Tidio JavaScript kodunun altına veya</body> Tidio eklentisini kullanıyorsanız.

  2. Aşağıdaki kodu kopyalayıp yapıştırın veya Codepen sayfamızda kodu bulun.

Başka sorularınız varsa lütfen support@tidio.net adresinden destek ekibimize bir mesaj gönderin.

<script async src="https://code.tidio.co/fouwfr0cnygz4sj8kttyv0cz1rpaayva.js"></script>
<script>
(function() {

// שנה כתובות URL מורשות כאן
var whitelistedUrls = [
'http://tidio.com',
];
// אל תשנה את הסקריפט לאחר שורה זו 


var shouldShowWidget = (function isCurrentUrlWhitelisted() {
var currentUrl = window.location.href;
var isWhitelisted = false;
whitelistedUrls.forEach(url => {
if (currentUrl.indexOf(url) > -1) {
isWhitelisted = true;
}
})
return isWhitelisted;
})();

function onTidioChatApiReady() {
if (shouldShowWidget) {
window.tidioChatApi.show();
}
else {
window.tidioChatApi.hide();
}
}
if (window.tidioChatApi) {
window.tidioChatApi.on('ready', onTidioChatApiReady)
} 
else {
document.addEventListener('tidioChat-ready', onTidioChatApiReady);
}
})();
</script>