Skocz do zawartości
zajaclol

Dobrze konwertujący i wiarygodny stream

Rekomendowane odpowiedzi

Przedstawiam wymyślony i sprawdzony przeze mnie sposób na podniesienie konwersji dla zarabiających na streamach. W sposobie tym nie ma nie wiadomo jakiej tajemnicy - wykorzystamy kod HTML5 Video, do stworzenia wiarygodnego streama czy playera. Poniżej przedstawiam ten kod. Miejsca gdzie jest napisane drukowanymi literami wymagają wprowadzenia przez nas odpowiednich wartości w celu dostosowania playera do naszych potrzeb.

<video width="TU WPISAĆ WARTOŚĆ" height="TU WPISAĆ WARTOŚĆ" controls preload poster="HTTP://TWOJADOMENA/NAZWA.JPG"><source src="HTTP://TWOJADOMENA/NAZWA.ogv" type='video/ogg; codecs="theora, vorbis"'/><source src="HTTP://TWOJADOMENA/NAZWA.webm" type='video/webm' ><source src="HTTP://TWOJADOMENA/NAZWA.mp4" type='video/mp4'>

Aby player działał, musimy wrzucić na nasz serwer pliki video o odpowiednim rozszerzeniu oraz plik graficzny. Grafikę każdy sobie wykona sam, natomiast ze stworzeniem plików video o rozszerzeniu ogv, webm, mp4 może być problem. Do tego należy użyć na przykład programu Freemake Video Converter

http://www.freemake.com/pl/free_video_converter/

Jest to darmowy program pozwalający szybko przekonwertować za 1 zamachem nasz plik video w dowolnym formacie, na trzy formaty wykorzystywane w html 5. Już nie będę wrzucał screenów jak się konwertuje, myślę że każdy da sobie radę. Jeśli jednak nie to proszę pisać niżej posty, postaram się pomóc.

Gdy już stworzymy pliki video o odpowiednim rozszerzeniu, wrzucamy je na nasz serwer w odpowiednie miejsce - zgodne ze ścieżką jaką podaliśmy w kodzie.

Jeżeli poprawnie wgraliśmy wszystkie pliki na ftp i nie sknociliśmy niczego w kodzie video, to powinniśmy mieć player działający jak w tym przykładzie

http://www.w3schools.com/html/movie.mp4

HTML5vsFlash_0.png

 

W końcu jeden z najistotniejszych kroków. Kod playera należy wrzucić w atrybut onclick i przyblokować kodem gatewaya. Dzięki temu za każdy razem gdy ktoś kliknie gdziekolwiek na playerze, czy to play czy to pasek głosu to wyskoczy nam okno gatewaya.

 

Dla przypomnienia:

<a onclick="KOD OTWIERAJĄCY GATEWAY"> KOD HTML5 VIDEO </a>

Istotne uwagi

 

Należy zuploadować video przedstawiające fragment jakiegoś wydarzenia które ma być na streamie lub coś co zachęci do wypełnienia oferty. Może to być minutowy urywek na przykład starego ksw lub zapowiedź ksw, ważne żeby film się uciął krótko po odtworzeniu i zachęcił odbiorcę do wypełnienia oferty. Kreatywność już zostawiam dla Was.

 

Warto pamiętać aby preload poster, czyli obrazek początkowy miał takie same wymiary jakie wpiszemy w width i height. Dzięki temu będzie ładnie dopasowany do okna playera.

 

Nietestowane na blogerze.

 

Ostatnia uwaga to nazwa plików video i ścieżka czyli wartość jaką podajemy w src. Wszystko musi się zgadzać, nie można popełnić literówki.

 

 

To chyba tyle. Dzięki temu powinniśmy znacznie podnieść konwersję, ponieważ odbiorca nie widzi kiepskiej jakości grafiki przedstawiającej player, tylko rzeczywiście prawdziwy player, który można normalnie włączyć. Mam nadzieję, że napisałem to w miarę zrozumiale. Gdyby coś było nie jasne śmiało zadawajcie pytania. Chętnie przyjmę REPY!

  • Super 4
Odnośnik do komentarza

Dołącz do nas za darmo i naucz się zarabiać!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut i wiele więcej!

 

 

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się


×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .