Jak dodać video na swoją stronę www?

Jak umieścić film na stronie internetowej?

Video jest świetnym medium w content marketingu. Wciąga użytkowników mocniej, niż w treści tekstowe. Video jest też świetnym sprzedawcą. Film o produkcie może zwiększyć intencje zakupowe aż o 85%. Co jeszcze możesz zyskać? Jak umieścić swój film na Youtube? Jak wgrać swój film z umieszczanie filmu z YouTube lub Vimeo do strony na WordPressie?

Filmy są mocnym narzędziem marketingowym – może generować ruch, potencjalną sprzedaż i (co najważniejsze) przychody.

78% marketerów wideo twierdzi, że wideo bezpośrednio zwiększa sprzedaż.

Filmy są też świetnym medium w content marketingu. Wciągają użytkowników mocniej, niż w treści tekstowe. Są dużo większe szanse, że użytkownicy obejrzą cały lub prawie cały film, niż że przeczytają cały artykuł.

Gdzie umieścić film?

Masz już gotowe wideo z dźwiękiem?

Najtańszym, bo darmowym miejscem przechowywania i udostępniania filmów jest YouTube lub Vimeo. 

Co zyskasz umieszczając film w YouTube?

  • YouTube zapewni darmowy hosting  oraz darmowy streaming (możliwość wyświetlania) twojego filmu. Jeśli chcesz opublikować wiele filmów albo spodziewasz się sporej oglądalności, nie będziesz się martwić o wyczerpanie miejsca na serwerze lub limitu transferu z serwera.
  • Wgraj więcej filmów na swój kanał na Youtube – stworzysz w ten sposób sobie kolejne miejsce, gdzie możesz zaprezentować siebie, swoje usługi i produkty, nic za to nie płacąc.
  • YouTube to druga najczęściej używana wyszukiwarka po Google. Miliony użytkowników spędzają tam mnóstwo czasu. Wśród nich mogą być Twoi klienci.

Jak umieścić swój film na YouTube?

  1. Musisz mieć konto Google, żeby zalogować się w Youtube.

  2. Jeśli jeszcze nie masz, to załóż konto marki. Dzięki temu więcej osób będzie mogło zarządzać filmami i oddzielisz sprawy firmowe od prywatnych.

  3. Następnie musisz mieć kanał YouTube dla swojego konta marki, żeby umieścić na nim film.

  4. Gdy to wszystko masz już gotowe, możesz wgrać swój film.

  5. A następnie dodać opisy, ustawić opcje i miniaturę filmu.

Jak umieścić film z Youtube lub Vimeo na stronie w WordPressie?

Film z YouTube lub Vimeo można osadzić (po ang. embed) na stronie, aby zatrzymać na niej użytkowników, zwłaszcza, gdy jest to strona sprzedażowa lub blog.

Osadzone filmy są również korzystne dla pozycjonowania w wyszukiwarkach:

  • poprawiają możliwość wyszukiwania Twojego filmu w Google
  • mogą zachęcić odwiedzających do pozostania dłużej na Twojej stronie
  • poprawiają rozpoznawalność marki i pośrednio promują kanał filmów marki.

Strony na WordPressie mogą mieć zaimplementowane różne edytory i w różny sposób umożliwiać osadzenie filmu.

Niektóre z nich np. najnowszy edytor blokowy (Gutenberg) pomogą Ci wstawić film w bardzo prosty sposób – wystarczy, że w edytorze w nowym bloku wkleisz link do filmu z Youtube lub Vimeo (a link skopiuj z paska adresu w przeglądarce otwartej na Twoim filmie).

Proponuję jednak skorzystać z innej metody!

Dlaczego? Przy takim prostym sposobie osadzenia filmów odtwarzacz korzysta z cookies i zbiera dane oglądających filmy i może je wykorzystać do własnych celów.

Możemy jednak zadbać o większą prywatność odwiedzających Twój serwis.

Film z YouTube na stronie bez korzystania z cookies

YouTube umożliwia umieszczenie filmu bez korzystania z cookies (przynajmniej do czasu, kiedy użytkownik nie kliknie, żeby go odtworzyć) i nazywa to rozszerzeniem trybu prywatności.

Ze względu na RODO i prawo dotyczące cookies taki rozszerzony tryb prywatności również ułatwia życie administratorowi strony, który publikuje filmy z YouTube, ponieważ dzięki niemu unika przetwarzania danych użytkowników i umieszczania cookies stron trzecich.
Dzięki temu może odpuścić pobieranie zgody użytkowników na wyświetlenie filmu z YouTube.

A jeśli korzysta z narzędzi do blokowania cookies, np. Cookie Hub, to dzięki rozszerzonemu trybowi prywatności nie będzie problemu z odtworzeniem takiego filmu.

Jak osadzić film YouTube na stronie z rozszerzonym trybem prywatności?

osadzenie filmu w rozszerzonym trybie prywatności

Jeśli edytor nie umożliwia łatwego wstawienia filmu w rozszerzonym trybie prywatności (a developerzy WordPress jeszcze nad tym pracują), to ręcznie wygeneruj kod z YouTube i wklej jako HTML.

  1. W Youtube Udostępnij.

    udostepnij film z YouTube na swoją stronę WWW

    Na stronie filmu w Youtube kliknij w pod filmem Udostępnij (lub w wersji angielskiej: Share).

  2. Wybierz opcję Umieść na stronie.

    osadź film z Yutube na stronie WWW

    Po jego kliknięciu wyświetli się opcja Umieść (lub w wersji angielskiej: embed).

  3. Zaznacz rozszerzony tryb prywatności

    Rozszerzony tryb prywatności

    Zaznacz rozszerzony tryb prywatności (lub w wersji angielskiej: Enable privacy-enhanced mode). W razie potrzeby ustaw inne opcje.

  4. Skopiuj kod.

    Link do szybkiego kopiowania kodu do pamięci podrecznej

    Możesz skorzystać z linku do kopiowania.

  5. W WordPressie umieść kod HTML.

    Tak wygląda osadzony kod filmu z Youtube w rozszerzonym trybie prywatności

    Użyj odpowiedniej metody w zależności od rodzaju edytora używanego w edycji danej strony:
    1. Jeśli edytujesz w Gutenbergu (przez Block Editor) lub inny edytor wizualny: dodaj blok typu Własny HTML. W nim wklej kod.
    2. Jeśli używasz starego edytora (poznasz go po tym, że nad edytorem jest długi pasek z ikonkami jak w Word): przełącz edytor na tryb Tekstowy i tam w odpowiednim miejscu wklej kod.

  6. Zapisz swoje zmiany.

    np. kliknij Zaktualizuj, Zapisz, Save itp. – w zależności od tego jakiego edytora używasz.

  7. Sprawdź na stronie, czy film wyświetla się poprawnie.

Dodatkowe opcje odtwarzacza

Jeśli film jest krótki, służy tylko do ilustrowania, nie przekazuje istotnych treści można pokusić się o ukrycie kontrolek odtwarzacza.

Jak schować pasek YouTube?

Odtwarzacz YouTube bez paska kontrolek

Pod filmem w YouTube kliknij Udostępnij, wybierz opcję Umieść na stronie i odhacz opcję Pokaż elementy sterujące.

Jak ukryć sugerowane filmy pod koniec odtwarzania na YouTube

W YouTube nie przypisuj filmu do żadnej playlisty. A umieszczając film jako kod HTML dopisz do parametru src rel=0.
Razem parametr src będzie wyglądać tak:
src=”https://www.youtube-nocookie.com/embed/eciepecie?rel=0
lub z ukryciem paska kontrolek:
src=”https://www.youtube-nocookie.com/embed/eciepecie?controls=0&rel=0

Film z Vimeo na stronie bez korzystania z cookies

Vimeo również umożliwia umieszczenie filmu bez korzystania z cookies. Po prawidłowym osadzeniu z parametrem dnt nie zapiszą się żadne cookies.

Jak osadzić film z Vimeo bez cookies?

Możesz skorzystać z kilku opcji. Będą zależeć od możliwości edytora w Twoim WordPressie.

  1. W Vimeo najedź w górnym prawym rogu i kliknij Share
Jak umieścić film na stronie internetowej?
  1. Wyświetli się link do kodu HTML embed i link do video.
Jak umieścić film na stronie internetowej?
  1. Teraz przejdź do WordPress.

Szybka metoda – jeśli korzystasz z edytora blokowego Gutenberg

dodaj blok Vimeo i wklej skopiowany z Vimeo link do video, ale uzupełnij go o dodatkowy parametr:

?dnt=1

Więc jeśli wcześniej link wyglądał tak:

https://vimeo.com/400011817

To po dodaniu parametru będzie wyglądać tak:

https://vimeo.com/400011817?dnt=1

A w widoku edycji bloku Vimeo tak:

Jak umieścić film na stronie internetowej?

Więcej opcji odtwarzania

Jeśli nie korzystasz z Gutenberga albo potrzebujesz dostosować sposób odtwarzania wklej skopiowany z Vimeo kod Embed jako HTML, ale uzupełnij src o dodatkowy parametr:

dnt=1

Więc jeśli wcześniej kod HTML wyglądał tak:

<iframe title="vimeo-player" src="https://player.vimeo.com/video/400011817?h=a276436c77" width="640" height="360" frameborder="0" allowfullscreen></iframe>

To po dodaniu parametru będzie wyglądać tak:

<iframe title="vimeo-player" src="https://player.vimeo.com/video/400011817?h=a276436c77&dnt=1" width="640" height="360" frameborder="0" allowfullscreen></iframe>

Potrzebujesz po­mocy z osadzeniem filmu?

Skontaktuj się z nami.

Chcesz rozwijać stronę firmową, aby wspierała w sprzedaży?

Dla naszych klientów na opiece opracowujemy porady, jak zdobyć zaufanie użytkowników, a co docenia Google, jak wyróżnić się od konkurencji oraz co jest niezbędne do utrzymania strony firmowej w standardach. 

Ty też możesz z nich korzystać!

Subskrybuj Newsletter WEBEST.

Administratorami danych osobowych newslettera są współwłaścicielki s.c. WEBEST Danuta Stawarz, Magdalena Czekała. Kontakt w sprawie ochrony danych osobowych jest możliwy pod adresem e-mail: info@webest.pl. Szczegółowe informacje znajdziesz w Polityce Prywatności.

PS. Nie zapomnij kliknąć potwierdzenia zapisu w przesłanym mailu. Jeśli go nie widzisz, sprawdź zakładkę ze spamem.

Więcej w tym temacie