Update Layout.js

docs/docusaurus/src/theme/Layout.js

@@ -1,67 +1,61 @@
 import React, { useEffect } from 'react';
 import Layout from '@theme-original/Layout';
 import Head from '@docusaurus/Head';
-import { useLocation } from '@docusaurus/router';
 
 export default function CustomLayout(props) {
-  const location = useLocation();
-
   useEffect(() => {
-    // Проверяем, находимся ли мы на странице документации
+
     if (!location.pathname.startsWith('/docs/')) {
-      return; // Если нет, не выполняем код для рекламы
+      return; // Если нет, не добавляем блок
     }
 
-    // Функция для рендеринга рекламы
-    const renderAds = () => {
-      // Удаляем предыдущий скрипт рендеринга, если он существует
-      const existingScript = document.getElementById('yandex-ad-script');
-      if (existingScript) {
-        existingScript.remove();
-      }
+    // Создаем контейнер для второго рекламного блока
+    const adContainer = document.createElement('div');
+    adContainer.id = 'R-A-12294791-5';
+    adContainer.style.marginTop = '20px'; // Добавим отступ для красоты
 
-      // Удаляем основной скрипт Yandex, если он есть
-      const existingYandexScript = document.getElementById('yandex-ads-context-script');
-      if (existingYandexScript) {
-        existingYandexScript.remove();
-      }
+    // Находим элемент кнопок "Previous" и "Next" и вставляем перед ним
+    const paginationElement = document.querySelector('.pagination-nav');
+    if (paginationElement) {
+      paginationElement.parentNode.insertBefore(adContainer, paginationElement);
+    } else {
+      // Если кнопок нет, добавляем контейнер в конец body
+      document.body.appendChild(adContainer);
+    }
 
-      // Создаем новый скрипт для основного Yandex Ads
-      const yandexScript = document.createElement('script');
-      yandexScript.id = 'yandex-ads-context-script';
-      yandexScript.src = `https://yandex.ru/ads/system/context.js?timestamp=${Date.now()}`;
-      yandexScript.async = true;
-      document.head.appendChild(yandexScript);
 
-      // Ждем, пока основной скрипт загрузится, чтобы выполнить рендеринг рекламы
-      yandexScript.onload = () => {
-        // Создаем новый скрипт для рендеринга рекламы
-        const script = document.createElement('script');
-        script.id = 'yandex-ad-script';
-        script.innerHTML = `
-          window.yaContextCb.push(() => {
-            Ya.Context.AdvManager.render({
-              blockId: "R-A-12294791-1",
-              renderTo: "yandex_rtb_R-A-12294791-1",
-              type: "feed"
-            });
-          });
-        `;
-        document.body.appendChild(script);
-      };
-    };
+    const script = document.createElement('script');
+    script.innerHTML = `
+window.yaContextCb.push(() => {
+    Ya.Context.AdvManager.render({
+        "blockId": "R-A-12294791-3",
+        "type": "floorAd",
+        "platform": "touch"
+    });
 
-    // Рендерим рекламные блоки при загрузке страницы или изменении маршрута
-    renderAds();
+    Ya.Context.AdvManager.render({
+        "blockId": "R-A-12294791-4",
+        "type": "floorAd",
+        "platform": "desktop"
+    });
 
-    // Удаляем скрипт при размонтировании или смене страницы
+    Ya.Context.AdvManager.render({
+        "blockId": "R-A-12294791-5",
+        "renderTo": "yandex_rtb_R-A-12294791-5"
+    })
+
+    });
+
+})
+    `;
+    document.body.appendChild(script);
+
+    // Удаляем элементы при размонтировании компонента
     return () => {
-      const existingScript = document.getElementById('yandex-ad-script');
-      const existingYandexScript = document.getElementById('yandex-ads-context-script');
-      if (existingScript) existingScript.remove();
-      if (existingYandexScript) existingYandexScript.remove();
+      script.remove();
+      adContainer.remove();
     };
-  }, [location.pathname]); // Следим за изменением пути
+  }, []);
 
   return (
     <>
@@ -69,6 +63,7 @@ export default function CustomLayout(props) {
         <script>
           window.yaContextCb = window.yaContextCb || [];
         </script>
+        <script src="https://yandex.ru/ads/system/context.js" async></script>
       </Head>
       <Layout {...props} />
     </>