[CSS][HTML] Google Ads 8 paź. przestało wyświetlać reklamy na nowoczesnych przeglądarkach Opcje

[Salarieri]

Opiekuję się stroną internetową lokalnej gazety. W ubiegły czwartek 8 października stało się coś dziwnego - pomimo że nic nie było zmieniane na stronie, nagle reklamy Google Ads przestały się wyświetlać. Reklamy były obecne na stronie od końca 2018 roku, a w wersji responsywnej od kwietnia 2020. Na początku pomyślałem, że w jakimś tekście było coś kontrowersyjnego napisane, ale wszedłem na koncie Google Ads w Centrum Zasad i nie ma żadnych naruszeń. Sprawdziłem na archaicznych przeglądarkach Internet Explorer 11 i Safari 5.1.7 i tam się normalnie reklamy wyświetlają jak gdyby nigdy nic, więc to jest jakiś problem techniczny.

To co rozróżnia te przeglądarki od współczesnych, to że nie ładują pliku CSS Patryk1000.css:

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="/Patryk.css" type="text/css">
<link rel="stylesheet" href="/Patryk1000.css" media="only screen and (min-width: 1px)" type="text/css">
[HTML] pobierz, plaintext 

Niemniej zrobiłem eksperyment na często odwiedzanej podstronie, tymczasowo usuwając linijkę odpowiedzialną za ładowanie tego pliku, usunąłem w przeglądarce wszystkie cookies ze swojej witryny i z googlowskich, jak np. googleads.gdoubleclick.net, a następnie zrobiłem twarde odświeżenie Ctrl+Shift+R i to nic nie dało.

Wcześniej ten plik Patryk1000.css zawierał pewne formatowania reklam Google Ads, dla niektórych wyższych rozdzielczości monitorów wprowadzone ze względów estetycznych, jednak usunąłem już je:

[CSS] pobierz, plaintext 
.rama_gora #aswift_1_expand {
	background-image: url(pogoda/maly_baner_2020.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
 
.rama_gora #aswift_0_expand {
	background-image: url(pogoda/maly_baner_2020.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
 
#rama_pod2 iframe#aswift_2 {
background-image: url("/pliki/Baner%20Najlepsza%20Promocja%202020%20-%20wersja%20standardowa.jpg");
background-size: contain;
background-position: top;
background-repeat: no-repeat;
}
 
@media only screen and (min-width: 1900px) and (max-width: 2549px){
.rama_pod .adsbygoogle {
	transform: scale(1.08);
	transform-origin: 0 0;
}
}
 
 
@media only screen and (min-width: 2550px) {
.rama_pod  {
	padding-bottom: 60px !important;
}
.rama_pod .adsbygoogle {
	transform: scale(1.453);
	transform-origin: 0 0;
}
}
[CSS] pobierz, plaintext 

Usunąłem wszystkie formatowania reklam Google Ads ze swoich plików CSS, ale to nie rozwiązuje problemu pomimo czyszczenia ciasteczek i twardego odświeżania strony.

Dodatkowo w ramach eksperymentu na wszystkich podstronach z artykułami usunąłem dwie responsywne reklamy Google Ads zawierające media query, jedna z góry strony:

[HTML] pobierz, plaintext 
<div class="rama_gora">
<style type="text/css">
.adslot_2 { width: 560px; height: 150px; }
@media (max-width: 600px) { .adslot_2 { width: 540px; height: 145px; width: 90vw; height: 24.167vw;} }
@media (min-width: 601px) and (max-width: 970px) { .adslot_2 { width: 320px; height: 100px; } }
@media (min-width: 971px) and (max-width: 1899px) { .adslot_2 { width: 560px; height: 150px; } }
@media (min-width: 1900px) and (max-width: 2499px) { .adslot_2 { width: 750px; height: 200px; } }
@media (min-width: 2500px) { .adslot_2 { width: 970px; height: 250px; } }
</style>
	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Górny header -->
<ins class="adsbygoogle adslot_2"
     data-ad-client="ca-pub-4626155001410687"
     data-ad-slot="9938571524">
	 </ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div> 
[HTML] pobierz, plaintext 

Druga z lewego paska bocznego:

[HTML] pobierz, plaintext 
<div style="background: url(/pogoda/medial_kwadrat200px.png); background-repeat: no-repeat; background-size: 97.5% 98%;">
<style type="text/css">
.adslot_1 { display:inline-block; width: 98%; height: 200px; }
@media (max-width: 768px) { .adslot_1 { display: none; } }
@media (min-width: 769px) and (max-width: 1000px) { .adslot_1 { width: 98%; height: 174px; } }
@media (min-width: 1001px) and (max-width: 1599px) { .adslot_1 { width: 98%; height: 200px; } }
@media (min-width: 1600px) and (max-width: 1899px) { .adslot_1 { width: 98%; height: 235px; } }
@media (min-width: 1900px) and (max-width: 2499px) { .adslot_1 { width: 98%; height: 285px; } }
@media (min-width: 2500px) { .adslot_1 { width: 98%; height: 300px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Mała reklama kwadratowa -->
<ins class="adsbygoogle adslot_1"
     data-ad-client="ca-pub-4626155001410687"
     data-ad-slot="1208153001"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
[HTML] pobierz, plaintext 

Zostawiłem tylko pod spodem artykułu jedną reklamę, która nie zawierała formatowania rozmiaru:

[HTML] pobierz, plaintext 
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Pod artykułem elastyczna -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4626155001410687"
     data-ad-slot="8933778904"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
[HTML] pobierz, plaintext 

I nadal niestety nic – na nowych współczesnych przeglądarkach nic się nie wyświetla, na archaicznych, których nikt już prawie nie używa, jak Internet Explorer 11 czy Safari 5.1.7 normalnie działa. Próbowałem również reklam ze stałym wymiarem w pikselach i efekt był identyczny. Bardzo dziwna sprawa, kompletnie nie mam pojęcia co powoduje tę usterkę.

Ten post edytował Salarieri 16.10.2020, 11:47:02