Рубрики
Сайты и SEO

Как настроить отложенную загрузку рекламных блоков Google AdSense?

Google AdSense-это программа монетизации под управлением Google. Это по-прежнему самый надежный способ заработать деньги в интернете для многих издателей. Одна из распространенных проблем издатели часто сталкиваются с тем, что Google AdSense влияет на нашу первоначальную скорость блога. Из-за отсутствия контроля над оптимизацией ресурсов, мы просто грустим.

Как YouTube видео эскиз, они должны использовать WebP для изображений рекламных блоков. Ирония заключается в том, что иногда они не утруждают себя сжатием gzip или уменьшением ресурсов. Массивные ресурсы и дополнительные нагрузки многих DNS поиска, убить нашу скорость страницы, как ад.

AdSense почему так медленно?

Несколько месяцев назад, когда я написал в Твиттере проблему скорости рекламного блока, я не получил удовлетворительного ответа. Я вернулся с решением, которое предотвратит AdSense от замедления загрузки исходного контента.

Честно говоря, я лично не большой поклонник ленивой загрузки даже для изображений. Но все же, я просто хочу поделиться вариантом. Если вы хотите, вы можете попробовать один раз, если вы очень заинтересованы в обслуживании основного контента в первую очередь, перед рекламными блоками. Как настроить отложенную загрузку для Google AdSense

Инструкция по настройке отложенной загрузки для AdSense

Посмотрите, как выглядит оригинальный код рекламного блока.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- leaderboard -->
<ins class="adsbygoogle"
 style="display:inline-block;width:728px;height:90px"
 data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
 data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Технические подробности: В основном то, что происходит, что он загружается в асинхронной форме, означает, что браузер продолжает загрузку adsbygoogle.JS скрипт без блокировки разбора HTML.

Но здесь, в методе ленивой загрузки, я собираюсь изменить метод ASYNC на real DEFER.Скрипт AdSense начнет загрузку в браузере, как только окно завершит загрузку главной веб-страницы.В этом путе, посетитель не должен ждать для видеть всю страницу быстро для AdSense.

Для этого не нужно вносить большие изменения в рекламный блок. Просто изменим стиль загрузки adsbygoogle.это сделает всю магию.

Все, что вам нужно следовать ниже два шага

  • Прежде всего, удалите скрипт ниже из всех рекламных блоков.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  • После этого добавьте ниже код JavaScript в нижний колонтитул темы, возможно, перед тегом < / body
<!--noptimize-->
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
<!--/noptimize-->

Намек: Noptimize тег, чтобы сделать совместимым с Autoptimize плагин. Это предотвратит агрегирование AdSense lazy loader inline JS.

  1. Выше код, вы можете использовать через опцию темы, если доступно для добавления пользовательского скрипта
  2. Для Genesis, использовать через Genesis простой плагин крючки с опциейgenesis_after
  3. или Header and Footer плагин для любой другой темы.

Что именно делает этот скрипт?

Этот скрипт гарантирует, что ваш рекламный блок AdSense начнет загружаться и станет видимым после завершения загрузки главной веб-страницы. Вот почему я назвал его, ленивая загрузка для Google AdSense.

Этот метод может повлиять на доход из-за меньшего количества показов объявлений.