Tragiczny kod widgetu AdTaily.

Kiedyś, gdy AdTaily startowało (zamknięta beta), a ja miałem piękny i validujący się się XHTML 1.0 Strict na blogu, pierwszą rzeczą, na którą zwróciłem uwagę po zainstalowaniu widgetu, była była niezgodność z XHTML. Małe, a drażni, więc zgłosiłem błąd. Samemu nie udało mi się poprawić – primo, bardzo słabo znam JS, secundo, ok. 20 kB to jednak sporo do przeglądania.

O całej sprawie zapomniałem, aż do wczoraj, gdy niezależnie dwóm osobom (KosciaK i Tomasz Fiedoruk), o których wiedziałem, że powinny mieć umieszczony widget, napisałem, że wszystko fajnie, ale widgetu nie widzę. Winnym okazało się AdTaily, a raczej tragiczny kod ichniego widgetu, ale po kolei…

Pierwszy był KosciaK, u którego zwróciłem na fakt braku widgetu przy okazji wpisu o – ładnym skądinąd – nowym szablonie na blox. Ponieważ u mnie i na kilku innych blogach (bloxowych i nie), na tej samej przeglądarce, widget jest widoczny, myślałem, że chodzi o szablon właśnie, tym bardziej, że jakieś magie z jquery się tam dzieją.

Jakoś po stwierdzeniu, że na Operze widzę, na debianowej wersji Firefoksa, czyli Iceweasel w wersji 3.0.6 nie widzę, na Icecat (czyli w pełni wolnej wersji Firefoksa) 3.5.3 też nie widzę, a z kolei on u siebie widzi, po pobieżnym przyjrzeniu się problemowi, z braku czasu i pomysłów przeszliśmy nad tym do porządku.

Niewiele później zaczęło się na blipie narzekanie na sytuację z reklamami, co skłoniło mnie do stwierdzenia, że ciężko mieć reklamy, jak się nie ma widgetu. Tym razem chodziło o dwie strony, jedną bez fajerwerków w kodzie – jak twierdził autor – oraz, drugą, w której od biedy można by czegoś po stronie kodu szukać. Po stronie kodu strony niczego nie udało się znaleźć, więc podejrzenie padło na system operacyjny, jako jedyną część wspólną.

Po chwili do niedziałających przeglądarek dołączył Konqueror na moim systemie, oraz Iceweasel na systemie kumpla. Z kolei oficjalne buildy Mozilli wyświetlały wszystko jak należy. Także u mnie. Sytuacja bardzo ciekawa, więc postanowiłem zagadkę rozwiązać, tym bardziej, że to może jakiś błąd w Debianie (któraś z bibliotek czy coś takiego).

Po chwili zabawy z diffowaniem plików i kopiowaniem po kawałku oficjalnego builda do katalogu z Icecat okazało się, że „winnym” jest extra user agent. Cudzysłów jak najbardziej uzasadniony, bo tak naprawdę winny jest widget AdTaily. Fragment kodu:

parseFloat(b.substring(a+this.versionSearchString.length+1))},dataBrowser:
[{string:navigator.userAgent,subString:"Chrome",identity:"Chrome"},
{string:navigator.userAgent,subString:"OmniWeb",versionSearch:"OmniWeb/",identity:"OmniWeb"},
{string:navigator.vendor,subString:"Apple",identity:"Safari",versionSearch:"Version"},
{prop:window.opera,identity:"Opera"},
{string:navigator.vendor,subString:"iCab",identity:"iCab"},
{string:navigator.vendor,subString:"KDE",identity:"Konqueror"},
{string:navigator.userAgent,subString:"Firefox",identity:"Firefox"},
{string:navigator.vendor,subString:"Camino",identity:"Camino"},
{string:navigator.userAgent,subString:"Netscape",identity:"Netscape"},
{string:navigator.userAgent,subString:"MSIE",identity:"Explorer",versionSearch:"MSIE"},
{string:navigator.userAgent,subString:"Gecko",identity:"Mozilla",versionSearch:"rv"},
{string:navigator.userAgent,subString:"Mozilla",identity:"Netscape",versionSearch:"Mozilla"}],
dataOS:[{string:navigator.platform,subString:"Win",identity:"Windows"},
{string:navigator.platform,subString:"Mac",identity:"Mac"},
{string:navigator.platform,subString:"Linux",identity:"Linux"}]};

Jak widać, ktoś w AdTaily postanowił wymyślić koło od nowa i napisał własne rozpoznawanie przeglądarki i systemu operacyjnego. Na dodatek niezupełnie działające, bo nie obsługuje – z szybko przychodzących mi do głowy – Iceweasel i Icecat, zapewne także Swiftfox, Arora (nie wiem, jak się przedstawiają). W statystykach pewnie wychodzi, że nikt Konquerora nie używa, bo jeszcze nie widziałem by Konqueror się „KDE” przedstawiał (a z racji tematyki mam trochę wejść od użytkowników Konquerora). Po zmianie ciągu Icecat na Firefox we wspomnianym user agent extra version oczywiście widget wyświetla się tam, gdzie wcześniej się nie wyświetlał.

Zagadką dla mnie pozostanie, czemu pisana jest własna obsługa rozpoznawania przeglądarki (widget o 1kB większy, a i tak nie rozpoznaje wielu przeglądarek), czemu dzieje się to po stronie widgetu (a nie wysyłany jest cały user agent na serwer, jeśli to do celów statystycznych, a nie wyświetlania). O paru skrótach typu „Apple = Safari” nie wypowiadam się, bo zwyczajnie nie znam.

Ewidentnym błędem – jeśli chodzi o wyświetlanie – jest brak fallbacku do jakiegoś sensownego defaultu w przypadku nierozpoznania (a przecież engine przedstawiał się normalnie), nie tylko jest to sprzeczne z działaniem w każdej przeglądarce szerzej o kampanii Anybrowser, ale przekłada się na brak widzialności widgetu na niektórych stronach (ale nie zawsze! u mnie na blogu był widoczny bez problemu) u wszystkich użytkowników Debiana, korzystających z dostępnych domyślnie w dystrybucji przeglądarek. Oraz u wszystkich korzystających z podrasowanych/nietypowych przeglądarek.

Czemu tak było? Czy były inne skutki braku rozpoznania (np. nie zliczanie kliknięć w statystykach kampanii od nie rozpoznanych przeglądarek, gdy widget był widoczny)? Nie mam pojęcia, nie znam na tyle JS, by to wyjaśnić. To JS, więc kod jest dostępny, znających się zachęcam do obejrzenia.

Jakie jest rozwiązanie? Szybkie i brzydkie – dodanie brakujących przeglądarek w widgecie (znowu spuchnie, nadal nie wszystko będzie obsługiwane). Ładne – przepisanie widgetu, który nie tylko ma ww. problem, ale także nie jest widoczny z sieci Orange (mało ludzi zgłaszało to jako bug, więc nie spodziewałbym się w najbliższym czasie poprawienia tego), jest napisany w taki sposób, że jego wywołanie rozwala XHTML 1.0 Strict. Oczywiście rozwiązanie ładne będzie wymagało nakładów finansowych, ale biorąc pod uwagę, że nie jest to pierwsza około JSowa wpadka w ostatnim czasie, może warto nawiązać współpracę z kimś, kto takie rzeczy umie? Przeprojektowanie serwisu teraz będzie łatwiejsze niż później, podobnie zmiany w kodzie widgetu…

Temat (braku) bonusów za wynagrodzenia już poruszyłem na flakerze. Trochę inna tematyka, ale polecam lekturę wpisu No more free bugs. Z mojej strony to ostatni zgłoszony (za free) błąd. Co prawda dla mnie to (i szukanie błędów, co robić pewnie będę nadal, i ogólnie reklamy) zabawa, ale czemu mam odbierać chleb zawodowcom (przynajmniej tym od błędów i kodowania; reklamodawcy niech nie liczą na względy)?

3 odpowiedzi do “Tragiczny kod widgetu AdTaily.”

  1. @Rozie:

    przede wszystkim dzieki za poswiecenie nam calego artykulu i masz 100% racji jesli chodzi o problemy z niszowymi przegladarkami. Od kilku miesiecy testujemy nowy widget2.js, ktory rozwiazywal wazniejsze problemy, tj. predkosc ladowania sie samego widgeta. Gdy tylko go wdrozymy sprawdzimy czy ciagle wystepuja opisane przez Ciebie problemy.

  2. Problem nie jest z przeglądarkami – jeśli przedstawią się jako Firefox (mówię o Iceweasel i Icecat), to wyświetlają poprawnie (i nic dziwnego, to jest Firefox, tylko rebrandowany – wywalone niewolne nazwy i logo, kod praktycznie ten sam).

    Problem jest z założeniami działania widgetu. Ja nadal nie rozumiem, po co w ogóle parsujecie jaki jest UA po stronie JS. Dla celów statystycznych? IMO kompletnie nie ma sensu, znacznie prościej i elastyczniej przetwarzać to po stronie serwera.

    Do renderowania? Nie wiem, czy jest sens. Można przetwarzać to po stronie serwera (i zwracać wersję JS właściwą przeglądarce+OS; o ile prościej byłoby testować nowy widget – na wybranych portalach – z czymś takim?), można sprawdzać tylko wybrane silniki/wersje i zmieniać opcje renderowania. Można w końcu napisać kod tak, by był maksymalnie przenośny (tam specjalnie cudów nie ma, raczej, chociaż kiedyś pod IE 6.0 wklejka blipowa w JS mi nie działała), plus sensowny fallback do defaulta.

    Generalnie w UA user może zwrócić cokolwiek (z DROP TABLE kampanie; włącznie ;-)), więc jak będzie chciał „oszukać”, to i tak oszuka. Ale generalnie przeglądarkom wystarczy nie przeszkadzać i będzie dobrze.

    Przyznam, że w nowy widget nie bardzo wierzę, jeśli nie zmienicie podejścia i nadal chcecie przewidzieć wszystko (sprawdzić – całkiem nie ma szans). Osadzenia we wszystkich standardach się nie udało, deklaracji języka się nie udało, UA się nie udało…

    Ładowanie nie jest jakieś specjalnie złe, na pewno dużo by dało, gdybyście zrobili wersję, którą można trzymać po stronie serwera ze stroną (plus sensowne powiadomienia o nowych wersjach). Raz, że odciąży wam serwery, dwa, że jak ktoś będzie chciał, to sobie przyspieszy ładowanie. W sumie można teraz, na upartego, tylko nie ma żadnej gwarancji, że czegoś nie zmienicie i nie przestanie działać.

    A teraz dopiszecie rozpoznawanie Icecat i Iceweasel jako Firefox i poprawicie rozpoznawanie Konquerora, prawda?

  3. Odnośnie nie działania w sieci Orange to nic nowego. Orange kompresuje wszystkie nieszyfrowane dane lecące po HTTP (w tym grafiki :/) i dokleja swoje skrypty, zmienia adresy grafik na adres własnego serwera cache, dużo stron napisanych nawet poprawnie, zwyczajnie się rozkłada… ;/ Tylko użycie SSL albo Tor’a pozwala jakoś Internetu poużywać w Orange bez natykania się na problemy…

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *