Текст в модальном режиме выглядит размытым после добавления кода AdSense - PullRequest
0 голосов
/ 15 июня 2019

У меня есть веб-сайт на основе 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. В обоих браузерах у меня есть эта проблема.

...