Как заставить AdSense Auto Ads работать с Gatsby

Question

Я уже давно пользуюсь AdSense Auto Ads на своей серверной фреймворке на основе PHP с большим успехом.

Но сейчас я перехожу на JAMStack и у меня есть сайт Gatsby. Очевидно, что при рендеринге на стороне клиента автореклама работает не так, как я ожидал.

Есть ли способ запустить автообъявление после запуска страницы в Гэтсби? Как и в случае с Автообъявлениями, на моем сайте нет мест размещения рекламы, поэтому нигде нет тегов. Я просто позволил Auto Ads делать свою работу.

Это возможно и с Гэтсби?

Answer 1

Мое собственное решение состояло в том, чтобы вообще не использовать внутренний маршрутизатор Гэтсби. Мне нужен серверный рендеринг, чтобы работала автоматическая реклама, поэтому я ничего не мог поделать.

Answer 2

Я считаю, что вы можете сделать это без Гэтсби, но с помощью Google Tag Manager. По сути, вам нужно создать триггер при изменении страницы. Тип триггера «Изменение истории». Затем создайте тег сценария Auto Ads, затем в разделе Triggering выберите триггер истории, который вы только что создали.

В качестве альтернативы: Добавьте это к вашему компоненту реагирующего шлема или в файл html.js

     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 <script
          dangerouslySetInnerHTML={{
            __html: `
            (adsbygoogle = window.adsbygoogle || []).push({
              google_ad_client: "id",
              enable_page_level_ads: true
            });
            `,
          }}
 />