Документация виджета Tatneft Guru - экспертный совет (продуктивная версия)

Что такое виджет?

Информационный модуль

Виджет — это автономный программный модуль, который можно встроить в веб-страницу для расширения её функциональности.

Виджет «Tatneft Guru - экспертный совет (продуктивная версия)» представляет собой интерактивный элемент, который отображается в правом нижнем углу страницы и обеспечивает удобный доступ к дополнительным возможностям.

Интерактивность

Позволяет пользователям взаимодействовать с системой через удобный интерфейс

Производительность

Оптимизирован для быстрой работы и минимальной нагрузки на сайт

Адаптивность

Автоматически подстраивается под мобильные устройства и десктопы

Установка виджета

Простая интеграция

Для добавления виджета на ваш сайт выполните следующие шаги:

Скопируйте код виджета из блока ниже
Вставьте скопированный код на все страницы вашего сайта
Разместите код перед закрывающим тегом </body>
Сохраните изменения и обновите страницу

Совет: Размещение кода перед закрывающим тегом </body> обеспечивает правильную загрузку виджета без замедления отображения основной страницы.

Код для встраивания виджета

JavaScript Embed


<script>
var script = ['<script type="text/javascript" src="https://tatneft.guru/scripts/jquery/jquery-3.7.0.min.js"><\/script>',
	'<script type="text/javascript" src="https://tatneft.guru/scripts/webSocket/webSocketManager.js?v=ka_hd4d6347-c237-44eb-bc65-59676a2be9ed"><\/script>',
	'<script type="text/javascript" src="https://tatneft.guru/akela_widget/widget.js?v=ka_hd4d6347-c237-44eb-bc65-59676a2be9ed"><\/script>'+
	'<script type="text/javascript">var wsChannelAkelaChatBox, connectChatBoxAkelaWS, akela;var akela_base_url = null, akela_full_url = null, akela_ws_url = null;document.addEventListener("DOMContentLoaded", async()=>{ var resp = await fetch("https://tatneft.guru/Widget/GetWidget"); var cont = await resp.text(); var c = document.createElement("div"); c.style.display = "none"; c.innerHTML = cont; document.body.appendChild(c); akela_base_url = document.getElementById("akela_base_url").value, akela_full_url = document.getElementById("akela_full_url").value; akela_ws_url = ["wss://",akela_base_url,"/notifications"].join(""); akela = new akela_chat_box(); connectChatBoxAkelaWS = new Promise(async function (resolve, reject) { wsChannelAkelaChatBox = akela.initWS(akela_ws_url); resolve(wsChannelAkelaChatBox); setTimeout(function() { $(c).show(1000); },300); }); });<\/script>'].join('');
document.write(script);
</script>

Демонстрация

Как это работает

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