Как подключить несколько блоков Яндекс рекламы к Reactjs?

Чтобы подключить несколько блоков Яндекс рекламы к ReactJS, вам необходимо выполнить следующие шаги:

  1. Установите пакет react-yandex-ads с помощью npm или yarn:
   npm install react-yandex-ads

или

   yarn add react-yandex-ads
  1. Импортируйте компонент YandexAd из пакета react-yandex-ads в вашем React-компоненте:
   import { YandexAd } from 'react-yandex-ads';
  1. Зарегистрируйтесь в Яндекс.Директ и создайте необходимые блоки рекламы. Получите их идентификаторы (slot id).
  1. Внутри вашего React-компонента создайте блоки YandexAd с помощью полученных идентификаторов:
   const MyComponent = () => {
     return (
       <div>
         <YandexAd
           adType="direct"
           blockId="ваш_slot_id"
           format="размер_и_формат"
         />
         <YandexAd
           adType="direct"
           blockId="ваш_slot_id"
           format="размер_и_формат"
         />
         {/* Добавьте ещё блоки рекламы по необходимости */}
       </div>
     );
   }
  1. Вместо "ваш_slot_id" вставьте идентификаторы ваших блоков рекламы (slot id), а вместо "размер_и_формат" укажите размеры и форматы блоков рекламы (например, 300x250 или auto).
  1. Перейдите на страницу, содержащую ваш React-компонент, и вы должны увидеть подключенные блоки Яндекс рекламы.

Обратите внимание, что для работы с Яндекс.Директ вам потребуется создать аккаунт и настроить необходимые настройки рекламного кабинета.