Problem z responsywnymi reklamami Adsense

[kacper3355 0]

Witam. Mam problem z elastycznymi reklamami Adsense, a mianowicie: wdrożyłem jedną reklamę na górze strony, która działa tak jak powinna, wszystko ładnie pięknie, ale gdy wdrażam kolejną elastyczną reklamę, to przybiera ona rozmiar tej pierwszej. Ktoś wie w czym leży problem? Zmieniłem rozmiary w css, ale nic to nie daje bo druga reklama nadal przybiera rozmiar tej pierwszej. Działa to też w drugą stronę - pierwsza przybiera rozmiar drugiej.

 

Przykład: gdy pierwsza reklama (ta na samej górze, pod menu) zmieniła rozmiar na 336x280, to druga przybiera dokładnie taki sam rozmiar, choć przy tej rozdzielczości powinna zmienić się na 320x100 (tak jest ustawione w CSS).


Kod za pomocą którego wdrożyłem pierwszą reklamę:

<div style="display: table; margin: 20px auto;"> <style type="text/css">
 .adslot_1 { width: 250px; height: 250px; }
  @media (min-width:310px) { .adslot_1 { width: 300px; height: 250px; } }
 @media (min-width:360px) { .adslot_1 { width: 336px; height: 280px; } }
 @media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
 @media (min-width:800px) { .adslot_1 { width: 750px; height: 300px; } }
@media (min-width:1920px) { .adslot_1 { width: 750px; height: 300px; } } </style>

 <ins class="adsbygoogle adslot_1"
     style="display:inline-block;"
     data-ad-client="ca-pub-XXX"

     data-ad-slot="XXX"></ins>
 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div>

Kod za pomocą którego chcę wdrożyć drugą reklamę (na samym dole posta):

<div style="display: table; margin: 0px auto;"> <style type="text/css">
 .adslot_1 { width: 300px; height: 100px; }
 @media (min-width:400px) { .adslot_1 { width: 320px; height: 100px; } }
 @media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
 @media (min-width:800px) { .adslot_1 { width: 624px; height: 90px; } }
@media (min-width:1920px) { .adslot_1 { width: 624px; height: 90px; } } </style>

 <ins class="adsbygoogle adslot_1"
     style="display:inline-block;"
     data-ad-client="ca-pub-XXX2"

     data-ad-slot="XXX2"></ins>
 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div>

Moja strona - http://goo.gl/s9y5XM

Ktoś ma jakiś pomysł o co może chodzić? Pozdrawiam i z góry dziękuje za jakąkolwiek pomoc

Edytowano Czerwiec 20, 2015 przez kacper3355 (zobacz historię edycji)

[Piotr GRD 608]

Nie znam się na wykorzystaniu @media w CSS, ale z logicznego punktu widzenia:

 

Jeśli używasz tej samej nazwy klasy dla dwóch elementów, to oczywiście będą takie same.

(Chyba, że to tylko pomyłka tutaj przy prezentowaniu kodu, a w rzeczywistości używasz dwóch różnych nazw klasy.)

[kacper3355 0]

Używam dwóch różnych reklam oraz nazw klas (.adslot1 i .adslot2) i niestety nadal nie działa.

 

EDIT: Problem rozwiązany

Edytowano Czerwiec 20, 2015 przez kacper3355 (zobacz historię edycji)

[OneDistrict 12]

Używam dwóch różnych reklam oraz nazw klas (.adslot1 i .adslot2) i niestety nadal nie działa.

 

EDIT: Problem rozwiązany

 

Mógłbyś, jako przestrogę, przedstawić rozwiązanie problemu.