1
0
mirror of https://github.com/Bayselonarrend/OpenIntegrations.git synced 2024-11-24 08:52:18 +02:00

Update Layout.js

This commit is contained in:
Anton 2024-10-09 22:42:09 +03:00
parent e82d27ca6a
commit 109947cb75

View File

@ -4,69 +4,21 @@ import Head from '@docusaurus/Head';
export default function CustomLayout(props) {
useEffect(() => {
// Создаем обертку для блока Яндекса под правым меню
const wrapperRightMenu = document.createElement('div');
wrapperRightMenu.style.width = '100%'; // Устанавливаем высоту обертки
wrapperRightMenu.style.marginTop = '20px'; // Добавляем отступ сверху
// Создаем <div> для блока Яндекса под правым меню
const adDivRightMenu = document.createElement('div');
adDivRightMenu.id = 'yandex_rtb_R-A-12294791-2';
adDivRightMenu.style.width = '100%';
adDivRightMenu.style.height = '400px';
// Добавляем рекламный блок в обертку
wrapperRightMenu.appendChild(adDivRightMenu);
// Находим правое меню и вставляем обертку под ним
const rightMenu = document.querySelector('.theme-doc-toc-desktop');
if (rightMenu) {
rightMenu.style.width = '100%'; // Задайте желаемую ширину
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';
adDivRightMenu.style.height = '400px';
// Добавляем рекламный блок в обертку
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');
script.innerHTML = `
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
blockId: "R-A-12294791-2",
renderTo: "yandex_rtb_R-A-12294791-2"
});
Ya.Context.AdvManager.render({
blockId: "R-A-12294791-1",
renderTo: "yandex_rtb_R-A-12294791-1",
type: "feed"
});
});
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-12294791-3",
"type": "floorAd",
"platform": "touch"
})
})
`;
document.body.appendChild(script);
// Удаляем элементы при размонтировании компонента
return () => {
wrapperRightMenu.remove();
wrapperAboveFooter.remove();
script.remove();
};
}, []);