1
0
mirror of https://github.com/Bayselonarrend/OpenIntegrations.git synced 2025-03-23 21:29:38 +02:00

Update Layout.js

This commit is contained in:
Anton 2024-10-09 21:17:02 +03:00
parent 85eb198bec
commit cbb65e2d97

View File

@ -4,16 +4,53 @@ import Head from '@docusaurus/Head';
export default function CustomLayout(props) { export default function CustomLayout(props) {
useEffect(() => { useEffect(() => {
// Создаем <div> для блока Яндекса в конце body // Создаем обертку для блока Яндекса под правым меню
const adDiv = document.createElement('div'); const wrapperRightMenu = document.createElement('div');
adDiv.id = 'yandex_rtb_R-A-12294791-1'; wrapperRightMenu.style.height = '200px'; // Устанавливаем высоту обертки
adDiv.style.height = '200px'; wrapperRightMenu.style.marginTop = '20px'; // Добавляем отступ сверху
document.body.appendChild(adDiv);
// Добавляем скрипт для отображения рекламы // Создаем <div> для блока Яндекса под правым меню
const adDivRightMenu = document.createElement('div');
adDivRightMenu.id = 'yandex_rtb_R-A-12294791-2';
// Добавляем рекламный блок в обертку
wrapperRightMenu.appendChild(adDivRightMenu);
// Находим правое меню и вставляем обертку под ним
const rightMenu = document.querySelector('.theme-doc-toc-desktop');
if (rightMenu) {
rightMenu.parentNode.appendChild(wrapperRightMenu);
}
// Создаем обертку для блока Яндекса над подвалом
const wrapperAboveFooter = document.createElement('div');
wrapperAboveFooter.style.height = '200px'; // Устанавливаем высоту обертки
// Создаем <div> для блока Яндекса над подвалом
const adDivAboveFooter = document.createElement('div');
adDivAboveFooter.id = 'yandex_rtb_R-A-12294791-1';
// Добавляем рекламный блок в обертку
wrapperAboveFooter.appendChild(adDivAboveFooter);
// Находим элемент подвала и вставляем обертку перед ним
const footer = document.querySelector('footer');
if (footer) {
footer.parentNode.insertBefore(wrapperAboveFooter, footer);
} else {
// Если подвал не найден, добавляем в конец body как резервный вариант
document.body.appendChild(wrapperAboveFooter);
}
// Добавляем скрипт для отображения рекламы для каждого блока
const script = document.createElement('script'); const script = document.createElement('script');
script.innerHTML = ` script.innerHTML = `
window.yaContextCb.push(() => { window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
blockId: "R-A-12294791-2",
renderTo: "yandex_rtb_R-A-12294791-2",
type: "feed"
});
Ya.Context.AdvManager.render({ Ya.Context.AdvManager.render({
blockId: "R-A-12294791-1", blockId: "R-A-12294791-1",
renderTo: "yandex_rtb_R-A-12294791-1", renderTo: "yandex_rtb_R-A-12294791-1",
@ -25,8 +62,9 @@ export default function CustomLayout(props) {
// Удаляем элементы при размонтировании компонента // Удаляем элементы при размонтировании компонента
return () => { return () => {
document.body.removeChild(adDiv); wrapperRightMenu.remove();
document.body.removeChild(script); wrapperAboveFooter.remove();
script.remove();
}; };
}, []); }, []);