Вы можете добавить собственный 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.