ستساعدك هذه المقالة على ضبط الأداة بحيث تظهر فقط على صفحات محددة على موقعك. يعد هذا الخيار مفيدًا للمستخدمين الذين لديهم حق الوصول إلى رمز موقع الويب ويريدون التحكم الكامل في مكان ظهور الأداة.

كيفية عرض القطعة على صفحات محددة

المفهوم الكامن وراء هذه العملية بسيط. من خلال إدخال عنوان URL داخل الكود، لن يظهر Tidio إلا على الصفحات التي تم تكوينها. سيتم إخفاؤه في أي عنوان URL آخر لا يتطابق مع الرابط المحدد.

دعونا نرى مثالا:

لقد أضفنا عنوان URL: http://mystore.com/products/black/ إلى الكود. في هذه الحالة، سيتم عرض الأداة على جميع عناوين URL التي تحتوي على هذه العبارة.

لن تظهر القطعة في:

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

ولكنها ستظهر في:

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

شفرة

لتنفيذ هذا الخيار، اتبع الخطوات التالية:

  1. يجب أن يتم تحميل هذا الكود بعد البرنامج النصي، لذا ضع الكود أسفل كود Tidio JavaScript أو أعلى ملف</body> إذا كنت تستخدم البرنامج المساعد Tidio.

  2. انسخ الكود أدناه والصقه أو ابحث عن الكود في صفحة Codepen الخاصة بنا.

إذا كان لديك أي أسئلة أخرى، يرجى إرسال رسالة إلى فريق الدعم لدينا على support@tidio.net

<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>