У меня есть веб-сайт на основе AJAX, и AdSense код добавляется динамически. Когда я добавляю код, веб-сайт кажется нормальным. Но текст в модальных моделях выглядит размытым.
Вот код, который добавляет тег Adsense
$('<script>')
.attr({
async: "async",
src: "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
})
.appendTo(document.head);
// from Google (Auto Ads for Mobile)
$(() => {
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-8728457396819574",
enable_page_level_ads: true
});
});
А вот код, который добавляет объявление в поле зрения.
code =
`<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8728457396819574"
data-ad-slot="5391760115"
data-ad-format="auto"
data-full-width-responsive="true"></ins>`
$("<div>")
.addClass("ad-wrap")
.appendTo(somewhere)
.html(code);
(adsbygoogle = window.adsbygoogle || []).push({});
Когда я закомментирую часть (adsbygoogle = window.adsbygoogle || []).push({});
, эта проблема не возникает. Итак, я пришел к выводу, что AdSense как-то связано с этим.
Кроме того, когда я скрываю (не показываю) рекламу, текст снова выглядит идеально.
Я проверял это в Google Chrome 72.0 и Opera. В обоих браузерах у меня есть эта проблема.