Nowości w wersji 1.0.1 to:

• dodana możliwość wyrównania położenia reklamy
• kod reklamy nie jest dłużej dodawany do treści kanału RSS
• inne drobne poprawki

Wszyscy posiadacze tego rozszerzenie powinni ujrzeć w panelu sterowania WordPress’a monit o dostępie do nowej wersji i wykonać aktualizację automatyczną, bądź ręczną pobierając odpowiedni plik.

Mimo ciągłego rozwoju przez autorów (a właściwie autorki ) tego systemu reklamy, wciąż jest w nim kilka niedogodności które powiem jak ominąć bądź obejść. Mam tutaj na myśli rozszerzone personalizowanie wyglądu widgetu, jego umieszczanie na stronie oraz przeliczanie stawek za dzień odsłony.

Korzystasz z AdTaily.pl i chcesz wycisnąć z niego siódme poty oraz zwiększyć przychody z reklamy? Zapraszam do dalszej części wpisu.

Cały wpis podzieliłem na dwa podrozdziały, jeden dotyczący wyglądu widgetu, oraz drugi na temat ustalania stawek za dzień odsłony.

Widget

Widget, czyli boks reklamowy jaki umieszczamy na swojej stronie. Mimo iż w panelu reklamowym możemy ustalić takie rzeczy jak tytuł czy kolor ramki oraz wypełnienia, to czasami jest to za mało.

Panel konfiguracji widgetu w serwisie AdTaily.pl

Pierwsza sytuacja, tytuł boksa. Nie można go usunąć, nawet wpisując pusty ciąg znaków. Czasami chcemy sami dodać nagłówek zgodny z wyglądem naszej strony. Druga sprawa, kolor wypełnienia, co jeśli tło naszej strony nie jest jednolite? Niestety nie możemy wybrać tła przeźroczystego.

Rozwiązanie? Nadpisanie stylów w arkuszu CSS:

#AdTaily_Widget_Container div
{
  border: none !important;
  background-color: transparent !important;
}

#AdTaily_Widget_Container span
{
  display: none !important;
}

Pierwszy fragment odpowiedzialny jest za usunięcie obramowania widgetu oraz ustawienie przeźroczystego koloru tła. Drugi natomiast za usunięcie nagłówka nad boksem.

Oczywiście możemy tutaj bardziej zaszaleć i dodać sobie przykładowo bardziej finezyjne obramowanie czy w inny sposób skonfigurować wygląd widgetu AdTaily.pl.

Szerokość widgetu

Drugą poważną wadą widgetu jest jego szerokość, która czasami przekracza realną na jaką jest zapotrzebowanie. Powoduje to, że mimo dostatecznej dostępnej szerokości na stronie gdzie znajduje się boks, mieści się w nim tylko jedna reklama w rzędzie, mimo iż na oko widać że weszły by tam dwie (dokładnie jak na tej stronie).

W tej sytuacji wystarczy że wrzucimy kod widgetu w warstwę której nadamy powiększoną szerokość i odpowiednio, relatywnie przesuniemy aby uzyskać optymalne położenie. Przykładowo:

<div style="position: relative; top: 0px; left: -10px; width: 290px;">
  ... kod widgetu ...
</div>

Liczę że każdy kto bierze się za umieszczanie kodu na stronie ma na tyle rozwinięte umiejętności operowania HTML’em iż zrozumie powyższą ideę i dobierze odpowiednio parametry w zaprezentowanym kodzie.

Cena

Jeden z ważniejszych parametrów ekonomicznych naszej reklamy . Cena jaką ustalamy w konfiguracji serwisu, jest to cena za dzień prezentowania reklamy. AdTaily.pl pobiera 30% prowizji od tego co płaci reklamodawca, a ustalana stawka jaką podajemy to pozostałe 70% jakie wpadnie do naszej kieszeni.

Cena jaka będzie widoczna w widgecie oraz katalogu AdTaily.pl wyraża się wzorem:

Cena dla reklamodawcy = Cena podana / 0,7

…analogicznie:

Cena podana = Cena dla reklamodawcy * 0,7

Po co te wzory? Gdyż czasami zachodzi potrzeba ustalenie tak ceny aby ta widoczna dla kupujących była na określonym poziomie – np.: jakaś równa kwota. Jeśli przykładowo chcemy aby cena na stronie była na poziomie równo 2zł to w panelu konfiguracyjnym musimy wpisać 1,40zł (2 / 0,7).

CPM

Koszt tysiąca odsłon reklamy. Jest to ważny czynnik przy ustalaniu ceny dziennej. Musimy pamiętać o tym aby nie przesadzić, gdyż po prostu nie zdobędziemy żadnego klienta. CPM określa nam realny koszt reklamy, bo co z tego jeśli mamy niską cenę per dzień skoro w przeliczeniu na odsłonę wychodzi drożej niż u tego który ma za dzień więcej?

I tutaj znów powstaje problem, jaką podać stawkę, aby po uwzględnieniu miesięcznych statystyk wyszedł pożądany przez nas wskaźnik CPM?

Cena podana = (Miesięczna ilość odsłon * CPM * 0.7) / 30 000

Zatem, jeśli nasz serwis zalicza przykładowo 20 000 odsłon w miesiącu, i chcemy aby CPM był na poziomie 0,40zł, to kwota jaką musimy podać za dzień wynosie 0,19zł.

Jeśli natomiast chcesz dowiedzieć się ile wyniesie CPM przy założonej cenie oraz miesięcznych statystykach odwiedzalności:

CPM = (30 000 * Cena podana) / (Miesięczna ilość odsłon * 0,7)

Dla przypomnienia, cena podana to kwota jaką wpisujemy w serwisie.

Bardzo szkoda że autorzy AdTaily.pl nie dali możliwości podawania stawki CPM zamiast dziennej. Było by to o wiele wygodniejsze i uwzględniało by wzrosty i spadki ilości wejść na stronę, dostosowując automatycznie cenę w dla reklamodawców.

Podsumowanie

Na blogu AdTaily.pl oraz forum, możemy przeczytać iż trwają pracę nad nową wersją widgetu oraz innymi udogodnieniami. Miejmy nadzieję że znajdą się tam również te dotyczące CPM.

Liczę że opisane tutaj zagadnienia pozwolą na ujarzmienie boksa od AdTaily.pl i zwiększenie zysków na Waszych stronach. Jeśli potrzebujecie innych rad lub wyliczeń, piszcie śmiało!

Zdecydowana większość systemów reklamowych opiera się na załączaniu zewnętrznego kodu JavaScript, który w przypadku wolnego serwera dostawcy reklam, może powodować niepotrzebne spowalnianie ładowania się naszej strony. O ile w sytuacji takich gigantów jak Google AdSense nie mamy się o co martwić, to przy korzystaniu z usług innych podmiotów czy też systemów pośredniczących (np.: OpenX), może warto zastanowić się jak pozbyć się tego problemu i nie opóźniać pokazania treści tylko przez reklamę. Zniecierpliwiony użytkownik naszej witryny może ją po prostu opuścić zanim zdąży cokolwiek zobaczyć.

Przedstawione rozwiązanie problemu jest stricte teoretyczne, gdyż docelowa implementacja zależy od konkretnego przypadku, a osoby które zajmują się tworzeniem stron internetowych na pewno będą wiedziały jak przenieść to na własny grunt.

Załóżmy hipotetyczną budowę naszej witryny w następującej postaci:

Przykładowy kod takiej witryny mógł by wyglądać w następujący sposób:

<div id="header"></div>
<div id="advert"></div>
<div id="content"></div>

Jeśli nie chcemy aby warstwa reklamowa blokowała pojawienie się treści, wystarczy że przeniesiemy ją na sam koniec. Ktoś powie – ok, ale w tym wypadku reklama powędruje na dół strony. Musimy zatem zastosować pewną sztuczkę. Mianowicie, zwiększamy dolny margines warstwy nagłówka o wartość wysokości sekcji reklamowej, tak aby powstała pusta luka. Z kolei warstwę z reklamą, pozycjonujemy w sposób absolutny (position: absolute;) przy pomocy stylów, umieszczając ja w otrzymanej wnęcę.

<div id="header" style="margin-bottom: 50px;"></div>
<div id="content"></div>
<div id="advert" style="position: absolute; top: 200px; height: 50px;"></div>

Tym sposobem, przeglądarka wyświetlając stronę, najpierw pokaże nagłówek, treść a dopiero na samym końcu reklamę – ale w odpowiednim miejscu. Jeśli ta z jakichś powodów nie będzie w stanie się wyświetlić (padnie serwer reklamy), to nie spowoduje to blokowania treści.

Oczywiście to co znajduje się pod reklamą, np.: stopka strony, nie pokaże się dopóki nie zostanie pobrana reklama, nie mniej, nie jest to tak istotny element w stosunku do treści po którą sięga odwiedzający witrynę.

Rozwiązania tego nie możemy zastosować w sytuacji w której odległość warstwy z reklamą jest zmienna w stosunku do początku strony, gdyż w tym momencie nie jesteśmy w stanie pozycjonować warstwy przy pomocy atrybutu absolute. Metodę tą stosuje z powodzeniem na dwóch swoich stronach i spisuje się znakomicie – cotozaplik.pl oraz checksum.me.

Wszystko co musisz zrobić to zainstalować wtyczkę, aktywować ją oraz skonfigurować w panelu administracyjnym bloga – wystarczy skopiować kod reklamy w odpowiednie pole. Aby pobrać wtyczkę przejdź na podstronę projektu.

Żywy przykład działania można zobaczyć na każdym poście tego bloga posiadającym rozwinięcie treści. To moje pierwsze, publicznie dostępne rozszerzenie dla WordPress’a, wszelkie uwagi oraz sugestię będą mile widziane .