JustPaste.it

Rozwijana reklama w prawym górnym rogu przeglądarki

Widziałeś na jakichś stronach ładną animację w prawym górnym rogu przeglądarki, jakby zagięty róg, pod którym była ukryta reklama? Dowiedz się, jak można ją zrobić!

Widziałeś na jakichś stronach ładną animację w prawym górnym rogu przeglądarki, jakby zagięty róg, pod którym była ukryta reklama? Dowiedz się, jak można ją zrobić!

 

Reklama Page CurlOstatnio na wielu stronach można spotkać reklamę polegającą na tym, że w prawym górnym rogu przeglądarki mamy jakby zagięty róg strony. Po najechaniu na niego obserwujemy efekt, jakby ktoś pociągnął za ten róg. W wyniku tej akcji zakrywana jest część strony właściwej, a nam ukazuje się jakaś grafika reklamowa. Taka forma reklamy profesjonalnie nazywa się Expand Corner. Reklama Page PeelUważam taki sposób reklamy za bardzo ciekawe rozwiązanie. Jest dużo przyjemniejsza niż flashowe kreacje, które uniemożliwiają nam normalne korzystanie z serwisów www, dopóki nie klikniemy w często ukryty (lub nawet niemożliwy do kliknięcia) krzyżyk w prawej górnej części tej reklamy, gdyż w żaden sposób nie wpływa ona na użytkowanie strony właściwej. Jest ona też dość efektywna, ponieważ mimo tego, że początkowo zajmuje małą część okna przeglądarki, to jednak przyciąga uwagę użytkownika. Istnieje bardzo duża szansa, że ciekawość takiego użytkownika wygra i najedzie on myszką na zagięty róg i wówczas ukaże mu się reklama. Jest to dużo skuteczniejsza forma reklamy niż np. banery, których nauczyliśmy się już nie widzieć. W wypadku reklamy typu Expand Corner wymagana jest konkretna akcja użytkownika, dzięki czemu mamy pewność, że jeśli przesunie on kursor myszki w prawy górny róg przeglądarki, wówczas zapozna się też z reklamą, która ukaże się jego oczom.

 

Jak stworzyć Expand Corner?

Na pewno można go zrobić ręcznie. Takie rozwiązanie jest wskazane, jeżeli masz jakąś niesamowitą wizję tego jak ma przebiegać ta animacja. Ja jestem jednak zdania, że nie ma sensu poświęcać kilku godzin na robienie czegoś, co już jest gotowe. W internecie można znaleźć dziesiątki gotowych skryptów, zarówno do zwykłych stron, jak i przygotowanych do zaimplementowania w CMSach takich jak Joomla czy WordPress. UWAGA: Zakładam, że do wyszukania gotowego skryptu użyjesz google. Jeżeli wpiszesz Expand Corner to się zawiedziesz, ponieważ trafisz głownie na strony, które będą oferowały stworzenie dla Ciebie takiej reklamy lub umieszczenie jej na tych stronach. Aby odnaleźć to, czego szukasz, należy wpisać Page Peel lub Page Curl. Są to inne nazwy dla tej formy reklamowej.

 

Rodzaje skryptów Page Peel

Skrypty tworzące reklamę typu Page Curl opierają się na dwóch technologiach:

  • Flash - w tym wypadku mamy do czynienia z lepszą animacją,
  • jQuery - mniej efektowna animacja, ale mniejszy rozmiar pliku i szybsze ładowanie reklamy.

 

Najlepsze skrypty Page Peel

Przeszukałem wiele stron z gotowymi skryptami. Niestety wiele z nich jest dostępne tylko w wersjach płatnych. Poniżej przedstawiam linki do tych, które pomimo tego, że są darmowe, to powinny zaspokoić Twoje potrzeby:

  • Page Peel - bardzo łatwa do zaimplementowania i konfiguracji wtyczka do WordPressa, która wykorzystuje technologię Flash, dzięki czemu w wyniku jej zastosowania otrzymujemy bardzo ładną animację, której przykład możecie obserwować w prawym górnym rogu mojego bloga,
  • Sexy Page Peel - moduł przygotowany dla Joomli, który wykorzystuje jQuery, przez co jest mniej efektowny, ale działa bardzo szybko,
  • Peel Away Effect - efekt dla każdej strony, łatwy do instalacji i konfiguracji, identyczny jak Page Peel dla WP,
  • The Sexy Curls jQuery Plugin - plugin, wykorzystujący jQuery, różniący się od poprzednich tym, że aby odsłonić reklamę nie wystarczy najechać kursorem na zagięty róg - należy w niego kliknąć i przytrzymując wciśnięty klawisz myszki odsłonić treść reklamy,
  • Simple Page Peel Effect with jQuery & CSS - bardzo prosty skrypt dla każdej strony, w wyniku zastosowania którego otrzymujemy efekt podobny do Sexy Page Peel dla Joomli.

 

Źródło: http://morph.pl/rozwijana-reklama-w-prawym-gorny-rogu/