Документация по добавлению виджета «Tatneft Akela - экспертный совет (продуктивная версия)» на сайт

Версия: prod_1.3.1.40 на 11.10.2024

Виджет — это небольшой информационный или функциональный блок, размещенный в узкой колонке сайта или на всю страницу.

Пример виджета, находится внизу (с правой стороны) страницы сайта. Кликните на иконку, чтобы открыть окно для ввода вопроса.

Как разместить код виджета на сайт

Код, представленный ниже, необходимо разместить на странице сайта, перед закрывающим тегом </body>
Код для встраивания виджета на сайт:
<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=prod_1.3.1.40"><\/script>',
	'<script type="text/javascript" src="https://tatneft.guru/akela_widget/widget.js?v=prod_1.3.1.40"><\/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>