В компонент Quartz/components/Head.tsx добавляем код загрузчика рекламы:
<script>window.yaContextCb=window.yaContextCb||[]</script> <script src="https://yandex.ru/ads/system/context.js" async></script>
Создаём новый скрипт zlonovAds.inline.ts
Создаём новый компонент zlonovAds.tsx
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
import style from "./styles/footer.scss"
import { version } from "../../package.json"
import { i18n } from "../i18n"
interface Options {
links: Record<string, string>
}
export default ((opts?: Options) => {
const Footer: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
return (
<div id="yandex_rtb_R-A-11816496-1"></div>
<script>
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-11816496-1",
"renderTo": "yandex_rtb_R-A-11816496-1"
})
})
</script>
)
}
Ads.css = style
return Ads
}) satisfies QuartzComponentConstructor
В quartz.layout.ts добавляем ссылку на новый компонент:
Component.zlonovAds(),
Скопируйте код рекламного блока
Скопируйте код в буфер обмена и вставьте его в HTML-код вашего сайта между тегами <body> и </body> в том месте, где должен отображаться рекламный блок. Если вы добавите его в другое место, объявления могут показываться некорректно
<!-- Yandex.RTB R-A-11816496-1 --> <div id="yandex_rtb_R-A-11816496-1"></div> <script> window.yaContextCb.push(() => { Ya.Context.AdvManager.render({ "blockId": "R-A-11816496-1", "renderTo": "yandex_rtb_R-A-11816496-1" }) }) </script>