Может найдется, кто размещал яндекс рекламу в Next JS, и сможет мне помочь. Суть проблемы такова - при размещении скрипта РСЯ, реклама появляется только на первой обновленной странице. После перехода с этой страницы на другие через встроенный в Next JS компонент Link реклама больше не появляется. При этом, если эти "другие" страницы обновить, реклама на них появится, но все повториться вновь. Если с них перейти, реклама больше не появляется.
В качестве роутера используется Pages Router.
Код компонента рекламы:
'use client'
import { useEffect } from "react"
export default function Ads({ className, blockID }) {
useEffect(() => {
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": `R-A-#######-${blockID}`,
"renderTo": `yandex_rtb_R-A-#######-${blockID}`,
"async": true
})
})
}, [])
return (
<div>
<div id={`yandex_rtb_R-A-#######-${blockID}`}></div>
</div>
)
}
Подгрузка скрипта происходит в _document:
<Script src="https://yandex.ru/ads/system/context.js" strategy="beforeInteractive"></Script>
Импортируется динамически:
const Ads = dynamic(() => import("@/components/GeneralComps/Ads"), {ssr: false})