Добавьте пользовательский JavaScript в свой справочный центр.

Узнайте, как использовать JavaScript для добавления пользовательских функций в ваш справочный центр.

1 мин чтения

Вы можете добавить собственный JavaScript в свой справочный центр Notiondesk, чтобы интегрировать сторонние сервисы, отслеживать пользовательские события или добавлять интерактивные функции, недоступные по умолчанию.

икона
В целях безопасности использование пользовательского JavaScript разрешено только на пользовательских доменах .

Что можно сделать с помощью пользовательского JavaScript

JavaScript позволяет расширить возможности вашего справочного центра за пределы его стандартных функций. Типичные примеры использования:

  • Интеграция со сторонними сервисами: Подключайте сервисы, которые Notiondesk не поддерживает изначально.
  • Настраиваемое отслеживание аналитики: отправляйте события в такие инструменты, как Mixpanel, Hotjar или Segment, для отслеживания конкретных действий пользователей.
  • Интерактивные функции: добавляйте динамические элементы, такие как всплывающие подсказки, баннеры с объявлениями или настраиваемое поведение навигации.
  • Инструменты маркетинга и повышения конверсии: встраивание пикселей ретаргетинга, скриптов A/B-тестирования или виджетов для сбора лидов.

Как добавить пользовательский JavaScript

  1. Перейдите в Настройки → Персонализация .
  1. Откройте раздел «Дополнительно» .
  1. Вставьте свой JavaScript-код в текстовое поле "Пользовательский JavaScript" .
  1. Нажмите «Сохранить изменения» .

Ваш скрипт загрузится на каждой странице вашего справочного центра после следующего обновления страницы.

Примеры

Добавьте скрипт отслеживания 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.
Это ответило на ваш вопрос?