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

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

1 мин чтения

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

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