Nadgorliwy AdBlock

Reklama w Internecie to potężny biznes. Firmy reklamują się w różnych serwisach i walczą o swoich klientów. Ta walka często jest bardzo agresywna. Wyskakujące okienka, brzęcząca muzyka czy pulsujące bloki odwracają naszą uwagę od treści, które faktycznie nas interesują.

Jeżeli takie reklamy za bardzo nam doskwierają to szukamy rozwiązania, które zniweluje ten problem. W przeglądarce internetowej można zainstalować aplikację, która zablokuje reklamy. Rozwiązanie jest dobre i często stosowane. Wiele osób bardzo sobie to chwali. Jednak takie rozwiązanie jest niemile widziane przez reklamodawców i właścicieli serwisów. Dlaczego? Oczywiście spadek wpływów…

I na tym można by zakończyć ten post. Jednak na stronie CKU Koszalin została wychwycona pewna nieprawidłowość.

Strona www.ckukoszalin.edu.pl istnieje od kilku lat i z biegiem czasu się zmieniała. Obecnie zbudowana jest w technologii PHP, HTML, CSS, JS.

Zmiany, którymi została objęta strona internetowa to:
- szata graficzna,
- kod strony,
- strony subdomenowe,
- serwisy zewnętrzne.

Wszelkie modyfikacje były zawsze nakierowywane na odbiór strony i jej pozycjonowanie. Co jakiś czas są dobudowywane serwisy zewnętrzne traktujące o CKU Koszalin. Linki do tych serwisów były umieszczane na stronie głównej. Po pewnym czasie padł pomysł, żeby zbudować boks, który będzie zawsze na wierzchu. Skonstruowano blok, w którym umieszczono linki z grafikami logo do serwisów takich jak: YT, BiP, Tweeter i inne.

W tej sytuacji zastosowano możliwości CSS w pozycji absolutnej (najwyższej).
#reklamy {
width: 50px;
right: 0px;
padding: 0 0 10px 10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
background-color: #fff;
border: 3px solid #eee;
position: absolute;
border-right: 0;
}

Zauważono, że AdBlock nie wyświetlał tego bloku. Traktował to jako kod zewnętrzny, mimo, że nie było w tym miejscu żadnego skryptu JS czy PHP.

Wystarczyła jedna zmiana selektora z id na class, aby rozwiązać problem. Selektor id miał wysoką rangę i było na najwyższej warstwie. To spowodowało wykrycie pseudokodu przez AdBlock.


<div class="reklamy">
<a class="fb" href="http://www.facebook.com/CKU.Koszalin" target="_blank" title="CKU na Facebooku"></a><br />
<a class="nk" href="http://nk.pl/#profile/41684217" target="_blank" title="CKU na Naszej Klasie"></a><br />
<a class="yt" href="http://www.youtube.com/user/CKUkoszalin/" target="_blank" title="CKU na YouTube"></a><br />
<a class="tw" href="https://twitter.com/CKUkoszalin" target="_blank" title="CKU na Twitter"></a><br />
<a class="bip" href="http://cku.koszalin.ibip.pl/" target="_blank" title="CKU na BIP"></a><br /></div>





Należy również pamiętać, żeby zmienić rodzaj selektora w pliku CSS.
.reklamy {
...
}
.reklamy a{
...
}

e-aleksandra