Вы можете добавить собственный JavaScript в справочный центр Notiondesk, чтобы интегрировать сторонние сервисы, отслеживать пользовательские события или добавлять интерактивные функции, которые не доступны из коробки.
Из соображений безопасности пользовательский JavaScript разрешен только на пользовательских доменах.
Что можно сделать с помощью настраиваемого JavaScript
JavaScript позволяет расширить возможности вашего центра помощи за пределы стандартных функций. Типичные варианты использования:
- Интеграция с сторонними сервисами: подключайте сервисы, которые Notiondesk не поддерживает изначально.
- Настраиваемое отслеживание аналитики: отправляйте события в такие инструменты, как Mixpanel, Hotjar или Segment, чтобы отслеживать определенные действия пользователей.
- Интерактивные функции: добавьте динамические элементы, такие как всплывающие подсказки, баннеры с объявлениями или настраиваемое поведение навигации.
- Инструменты маркетинга и конверсии: встраивайте пиксели ретаргетинга, скрипты A/B-тестирования или виджеты для сбора лидов.
Как добавить пользовательский JavaScript
- Перейдите в «Настройки» → «Настройка».
- Откройте раздел «Дополнительно ».
- Вставьте свой код JavaScript в текстовое поле «Пользовательский JavaScript ».
- Нажмите «Сохранить изменения».
Ваш скрипт будет загружаться на каждой странице вашего справочного центра после следующего обновления страницы.
Примеры
Добавьте скрипт отслеживания Hotjar
Замените YOUR_HOTJAR_ID на ваш фактический идентификатор сайта Hotjar.
Отображение настраиваемого баннера с объявлением
Отслеживание просмотров статей с помощью настраиваемого события
Лучшие практики
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:YOUR_HOTJAR_ID,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var banner = document.createElement('div');
banner.innerHTML = 'We are currently experiencing delays. <a href="/status">Check status</a>';
banner.style.cssText = 'background:#FEF3C7;padding:10px;text-align:center;font-size:14px;';
document.body.prepend(banner);
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var title = document.title;
var path = window.location.pathname;
// Replace with your own analytics call
console.log('Article viewed:', title, path);
});
</script>
- Проверяйте перед публикацией. Сначала попробуйте свой скрипт в консоли браузера, чтобы вовремя обнаружить ошибки.
- Скрипты должны быть легкими. Тяжелые скрипты могут замедлять загрузку страниц и ухудшать впечатления читателей.
- Избегайте изменения основных элементов. Изменение основной структуры или навигации справочного центра с помощью JavaScript может привести к сбоям в работе будущих обновлений Notiondesk.