close menu

Ostateczny przewodnik po osadzaniu wideo na stronie internetowej

Ostateczny przewodnik po osadzaniu wideo na stronie internetowej

To nie jest już know-how, że dodanie filmów do swojej strony internetowej przyniesie kilka prawdziwych, niezrównanych wartości dla Ciebie i Twoich gości. Od poprawy doświadczenia użytkownika - w naszej kulturze opartej na wizualizacji, ludzie wolą oglądać niż czytać - do przynoszenia korzyści SEO do witryny. Wydłużony czas przebywania na stronie, wyższy współczynnik klikalności, zwiększone konwersje, a tym samym przychody, należą do oczywistych korzyści z osadzania filmów na stronie internetowej.

embed your video on website gif

Jednak zwykły upload nie będzie w tym przypadku cięty. Osadzanie wideo na stronie internetowej jest naprawdę drogą do zrobienia. Osadzanie wideo może wydawać się rutynową pracą, jednak nie jest to takie oczywiste. Z tak wielu informacji tu i tam na temat tego, jak osadzić wideo z jednego miejsca do drugiego, mamy na celu stworzenie ostatecznego przewodnika do osadzania wideo na swojej stronie internetowej, która obejmuje to wszystko.

Wskakujmy do środka!

Część I: Co to jest Video Embed?

Przede wszystkim ważne jest, aby zrozumieć, co stoi za głównym elementem osadzania wideo - kodem osadzania. Kod embed to kawałek kodu HTML, którego możesz użyć, aby dodać wideo i inne rodzaje treści do swojej witryny.

Kod osadzony to fragment kodu HTML, którego możesz użyć, aby dodać wideo i inne rodzaje treści do swojej witryny.

Ten fragment kodu pomaga wyświetlić wideo na Twojej stronie. Wyciąga on wideo z oryginalnego źródła, bez faktycznego "zmuszania" do hostowania go na swojej stronie. Oznacza to, że nie będziesz musiał się martwić, że wideo wpłynie na czas ładowania strony, a także otwiera szereg wyborów między różnymi usługami hostingowymi wideo, które najlepiej odpowiadają Twoim potrzebom.

Chociaż większość usług hostingowych wideo oferuje automatyczne generowanie embedu, nie zaszkodzi zrozumieć podstawowej struktury kodu osadzania wideo:

<iframe src="URL"></iframe>.

Zamiast części URL, dodaj po prostu link do filmu i voila - oto twój kod HTML. Znajomość odrobiny HTML pozwoli Ci również na ręczne dostosowanie kodu embed: dodanie potrzebnej wysokości i szerokości lub zablokowanie poszczególnych elementów filmu, których nie chcesz wyświetlać na swojej stronie. Może to wyglądać tak:

Example of an embed code

W tym momencie możesz się zastanawiać - dlaczego nie możesz po prostu przesłać filmu na swoją stronę i mieć z głowy ten kłopot? Google często mówi, że filmy dodają znaczący czas ładowania strony, zmniejszają prędkość witryny, a tym samym wpływają na doświadczenie użytkownika i negatywnie wpływają na Twoje SEO. W związku z tym, możesz stracić ruch, rankingi et cetera. Nie mówiąc już o przeciążonych serwerach, dodatkowych kosztach i tak dalej.

Osadzanie filmów na stronie internetowej pomoże Ci pokonać większość z tych problemów. Oto dlaczego.

Łatwe osadzanie filmów

z Wave.video HostingSpróbuj teraz

Część II: Embed Do Not Upload: Kluczowe zalety osadzonego wideo

1. Osadzenie wideo na stronie internetowej w celu zwiększenia czasu ładowania wideo (i SEO)

Kiedy przesyłasz wideo do swojej witryny, jego załadowanie może trwać wieki, co z kolei wpływa na czas ładowania strony. Tak więc, odwiedzający Twoją witrynę mogą doświadczyć powolnego ładowania wideo, nieoczekiwanych pauz i ogólnej odmowy odtwarzania. Osadzanie filmów może pomóc Ci utrzymać prędkość witryny w zrównoważonym tempie i nie przynieść negatywnego wpływu na doświadczenie użytkownika. A według Johna Muellera z Google, szybkość strony jest jednym z kluczowych czynników rankingowych w naszej erze mobile-first.

Dlaczego powinieneś się tym przejmować? Oto wykres, który pokazuje jak czas ładowania strony wpływa na konwersje:

Loading time impact on conversion

Źródło: Crisp Video

Tak więc, w zasadzie, niższy czas ładowania oznacza niższe rankingi, zmniejszony ruch, mniej konwersji i... utracone przychody!

Ale nie myśl, że dodanie wideo spowoduje tylko kłopoty. Posiadanie wideo odtwarzanego na Twojej stronie znacząco wpłynie na ilość czasu, jaki ludzie spędzają na Twojej stronie (pozytywny czynnik rankingowy), a także samo wideo może pojawić się na stronie Google #1, co przynosi ruch i całą resztę, która za tym idzie. Tak więc, to wszystko jest tylko kwestią robienia rzeczy dobrze i wybierania opcji embed nad upload.

2. Osadzenie wideo na stronie internetowej w celu pokonania ograniczeń przepustowości

Przesyłanie wideo wyczerpuje przepustowość własnego serwera (co wiąże się z kosztami). I za każdym razem, gdy ktoś linkuje lub osadza Twoje wideo na swojej stronie, Twoja własna strona cierpi, ponieważ po raz kolejny zużywa Twoją przepustowość. Jest to kosztowne i nieefektywne.

3. Osadzenie wideo na stronie internetowej w celu uniknięcia limitów rozmiaru pliku i pamięci masowej

Twoja witryna hosting zawsze pochodzi z limitem pamięci - więc, przez i duże, za każdym razem, gdy przesyłasz wideo, jesteś biorąc miejsce na serwerze. Przesyłając wiele filmów, możesz potencjalnie zająć zbyt dużo miejsca, a jeśli wielu użytkowników ogląda Twój film jednocześnie, czas ładowania strony może drastycznie zwolnić.

Ponadto, istnieje również kwestia ograniczenia rozmiaru pliku do przesyłania wideo. Twoja platforma hostingowa najprawdopodobniej ma ścisłe ograniczenia dotyczące formatu wideo i rozmiarów plików, więc znajdziesz się kompresji wideo do punktu bez użycia. Osadzanie wideo nie dostaniesz tych ograniczeń.

Embed video on website - Upload size limit

Źródło: ProPhoto

4. Osadzenie wideo na stronie internetowej w celu uzyskania wyższej jakości wideo

Od ograniczeń rozmiaru pliku, dochodzimy do ograniczeń jakości wideo, jeśli chodzi o przesyłanie filmów do witryny. Jeśli chcesz wyświetlić wysokiej jakości ciężko wypracowane wideo na swojej stronie internetowej, przechowywanie go na stronie innej firmy zapewnia, że pozostaniesz w ramach swojego "limitu inode", struktury danych, która utrzymuje informacje o pliku na koncie hostingowym. Nie będziesz więc musiał myśleć o konwersji plików wideo na wiele formatów i wersji, aby umożliwić odwiedzającym oglądanie Twoich filmów w wysokiej lub niższej rozdzielczości.

Część III: Wybór witryny do hostingu wideo

Zasadniczo, wybierając osadzanie filmów na swojej stronie, zostawiasz wszystkie zmartwienia związane z obciążeniem serwera i zmianami formatu pliku komuś, kto ma czas i zasoby do tego. Ale, jak zapewne rozumiesz, aby osadzić wideo na swojej stronie internetowej, musisz, po pierwsze, dodać go do trzeciej strony platformy hostingowej wideo. I tutaj masz wiele możliwości wyboru.

Nie ma najlepszej lub najgorszej koncepcji hosta wideo, to naprawdę kwestia równowagi odpowiednich funkcji i kosztów. Tak więc, podsumowaliśmy kluczowe cechy, które należy rozważyć przed wyborem odpowiedniej witryny hostingowej wideo:

Responsywny odtwarzacz

Twoja witryna hostingowa powinna oferować responsywny odtwarzacz wideo, przyjazny dla urządzeń mobilnych widget rich media, który został zaprojektowany tak, aby zapewnić Twoim widzom jak najlepsze wrażenia z użytkowania i oglądania. Niezależnie od tego, czy oglądają oni film z ekranu komputera stacjonarnego, smartfona, tabletu czy innego rozmiaru ekranu, wideo rozszerza się, aby wypełnić szerokość ekranu, ale zachowuje oryginalne proporcje obrazu. Pozwala to uniknąć statycznego rozmiaru, który może potencjalnie zniekształcić układ strony, zdeformować obraz lub wyświetlić czarne paski wokół filmu.

Szybkość i jakość usług

Kiedy wybierasz hosting wideo, chcesz mieć pewność, że zapewniają najwyższą obsługę. Więc jest dwojakie rozumienie tego, co oznacza dobra prędkość i jakość usług:

  • Wsparcie dla świetnej jakości wideo: W 2020 roku naprawdę nie możesz sobie pozwolić na ziarnisty materiał filmowy i animacje w 360p lub 480p. Tak więc, chyba że masz niski budżet i 1080p będzie go ciąć do swoich celów, upewnij się, że usługa hostingu wideo, którą wybierzesz, obsługuje Ultra HD lub więcej. Najlepsze platformy oferują automatyczne przełączanie między jakością HD/SD.
  • Wspaniałe wsparcie i obsługa klienta: Sprawdź dwukrotnie jakość serwerów, z których korzysta serwis. Czy strona zawiesza się od czasu do czasu (będzie to miało wpływ na wyświetlanie wideo na Twojej stronie!)? Czy jest w ogóle podatna na ataki DDoS? I co najważniejsze, jaki jest średni czas odpowiedzi na zapytania klientów?

Opcje konfiguracji gracza

Pierwsze wrażenie ma znaczenie, więc pierwszą rzeczą, która przyciąga wzrok Ciebie i Twoich klientów jest design odtwarzacza wideo. Od kolorów po przyciski, autoplaye i konfigurację wszystkich niezbędnych poleceń - im bardziej konfigurowalny jest odtwarzacz wideo, tym lepiej.

Video Player customization in Wave.video

Opcje dostosowywania odtwarzacza wideo w hostinguWave.video

Funkcje generowania leadów

Jeśli dodajesz wideo do swojej strony, staje się ono częścią Twojej maszyny do generowania leadów. Upewnij się więc, że platforma wideo, którą wybierasz, rzeczywiście wspiera generowanie leadów poprzez wideo. Ta funkcja obejmuje takie rzeczy jak wezwania do działania i sposoby przechwytywania informacji o odwiedzających (leadach). W przeciwnym razie, jest to w zasadzie odtwarzacz wideo, za który płacisz.

Prywatność

Podczas działania w sieci prywatność jest oczywistym czynnikiem, który należy wziąć pod uwagę. To samo dotyczy prywatności Twoich filmów. Ważne jest, aby wybrana przez Ciebie platforma hostingowa wideo nie pozwalała wszystkim na oglądanie lub pobieranie Twoich filmów bez Twojej zgody. Dlatego usługa hostingowa powinna dać Ci możliwość narzucenia ścisłych zasad pobierania rzeczy i skutecznego sposobu egzekwowania tych zasad. Możliwość ochrony swoich filmów hasłem jest cechą, której należy szukać przy wyborze platformy hostingowej wideo.

SEO

Jeśli chcesz grać rankingiem własnej strony, powinieneś strategicznie podejść do wyboru platformy hostingowej wideo. Poszukaj usługi hostingowej, która jest zarówno stabilna, jak i popularna (czyli sama w sobie wysoka w rankingach), i wykorzystaj ich udział w rankingu Google .Po pierwsze, hosting Twojego wideo na zewnętrznej stronie zapewni Ci linki wychodzące, czyli backlinki, i potencjalnie ułatwi uzyskanie video rich snippets dla Twojej własnej domeny. Tym samym da Ci to szansę wpłynąć również na ranking Twojej witryny.

https://moz.com/blog/hosting-and-embedding-for-video-seo

Źródło: Moz

Analityka i gromadzenie danych

Twoje filmy są zaprojektowane tak, aby przyciągnąć i zadowolić klienta, więc naturalnie chciałbyś wiedzieć, jak zadowoleni są klienci. Dlatego serwis, na którym hostujesz swoje wideo, powinien dawać Ci mnóstwo analityki do przejrzenia. I to nie tylko prostych rzeczy jak odsłony, komentarze, ale zupełnie innych, złożonych danych. Osadzanie filmów pozwala na dodanie specjalnego kodu śledzącego - z Google Tag Managera - i uzyskanie dodatkowej analityki w ramach konta Google Analytics, jak średni czas oglądania, moment, w którym ludzie z reguły przestają oglądać i tak dalej. Potrzebujesz tych wszystkich danych, aby wiedzieć jak i dlaczego Twoje filmy odnoszą sukces (lub nie).

Koszt

Po upewnieniu się, że wziąłeś pod uwagę wszystkie funkcje, których potrzebujesz, jesteś zadowolony z platformy i wsparcia, i masz głowę wokół jakości wideo, ostatnią rzeczą jest zapewnienie platformy mieści się w budżecie. A to zależy od tego, jak wiele widoków wideo przewidujesz, i jak duże pliki wideo są. Więcej widoków większych filmów będzie oznaczać, że używasz więcej przepustowości, a więc cena wzrośnie. Warto również sprawdzić, czy platforma pozwala na miesięczne lub roczne umowy. Jeśli jesteś małą firmą lub dopiero zaczynasz z wideo, prawdopodobnie nie chcesz być związany z długoterminowych umów.

Część IV: Jak wygenerować kod osadzony

Po wybraniu platformy hostingowej wideo i przesłaniu wszystkich treści wideo, jest tylko jeden krok, który oddziela cię od dodania / osadzenia wideo na swojej stronie - znalezienie tego kodu osadzenia.

Osadzanie filmów zusług hostingu wideo

Osadzanie z Wave.video

Aby osadzić film z Wave.video, przejdź do zakładkiMoje projekty i znajdź film, który chcesz osadzić. Następnie najedź na ikonę trzech kropek i kliknij na "Player".

Włącz przełącznik z napisem "Embed video", a Wave.video automatycznie wygeneruje kod osadzenia dla Twojego filmu. Pod przełącznikiem znajdziesz również ustawienia rozmiaru wideo, więc nie zapomnij skorzystać z tej funkcji.

Video embed

Aby dostosować odtwarzacz wideo, otwórz zakładkę "Wygląd" i swobodnie zmień kolor odtwarzacza, określ, jakie elementy sterujące są wyświetlane (jeśli w ogóle) lub wybierz niestandardową miniaturę. Jeśli chcesz dowiedzieć się więcej o funkcjach hostingu Wave.video, koniecznie przeczytaj ten artykuł.

Istnieje kilka opcji, w jaki sposób możesz osadzić filmy za pomocą Wave.video na swojej stronie internetowej lub blogu.

  • Inline embed

Jest to zwykły embed, który umieści Twój film w otaczającym go tekście lub innych elementach UI Twojej strony.

Osadzenie filmu w ten sposób spowoduje otwarcie go w modalnym oknie dialogowym, które wyskakuje nad resztą treści.

Istnieją trzy sposoby, aby zintegrować swoje wideo z treścią strony: miniaturka, wyróżnienie i link tekstowy.

Popover embed

Miniatury

Osadzenie miniatury wygląda podobnie jak zwykłe osadzenie inline. Różnica polega na tym, że film będzie odtwarzany w wyskakującym okienku, które pojawi się na wierzchu innych treści.

Popover embed - thumbnail

Najważniejsze informacje

Ten typ embedów przypomina popularne Instagram Stories Highlights. Jest to świetny sposób, aby ładnie zintegrować filmy z treścią, aby dać znać odwiedzającym Twoją stronę o nowych przyjazdach, najnowszych wiadomościach, specjalnych ofertach lub jakimś wideo zza kurtyny.

Popover embed - highlights

Link tekstowy

Jeśli nie chcesz łamać tekstu żadnymi wizualizacjami, ale nadal chcesz zapewnić swojemu czytelnikowi łatwy sposób na obejrzenie filmu, użyj tego sposobu na osadzenie wideo.

Dodaj frazę tekstową i link do swojego filmu. Film pojawi się na górze strony po kliknięciu w ten link.

Popover embed text link

Osadzanie z YouTube

Wystarczy przejść do strony odtwarzania filmu na YouTube, kliknąć przycisk "Udostępnij", a następnie "Osadź". Możesz po prostu skopiować kod osadzenia lub popracować nad kilkoma konfigurowalnymi opcjami - wyświetlaniem/ukrywaniem elementów sterujących odtwarzacza lub odtwarzaniem filmu od określonego punktu (niekoniecznie od początku).

Embedding video from YouTube

Jeśli chcesz dalej dostosować, istnieje mnóstwo parametrów - autoplay, kolor, język, zapętlenie i inne - które można dodać w ramach iframe embed. Wszystkie one są wymienione na stronie Google'a dla deweloperów.

Jak osadzić film z YouTube

W tym szybkim filmie pokażę Ci jak osadzić film z YouTube w HTML, jak sprawić, by był responsywny na urządzeniach o dowolnym rozmiarze i ujawnię, jak możesz łatwo dostosować opcje osadzania, takie jak autoodtwarzanie.

Osadzanie z Vimeo

Kod embed Vimeo znajdziesz klikając na ikonę Share po prawej stronie filmu. Zobaczysz okno z różnymi ramkami, a jedną z nich jest Twój kod embed.

Klikając na +Show Options, możesz dostosować sposób, w jaki Twoje wideo będzie wyświetlane za pomocą tego kodu osadzonego. Możesz zmienić kolor odtwarzacza, jego rozmiar (na wszelki wypadek zachowaj go jako responsywny), dodać intro i dodać kilka "specjalnych rzeczy", takich jak zapętlenie, autoplay i inne.

embedding video from Vimeo

Przechodząc na Pro, Business lub Premium, możesz zobaczyć kilka dodatkowych udogodnień, takich jak dostosowywanie kolorów i komponentów, dodawanie ekranów końcowych i logo.

Osadzanie z Wistii

Przejdź do swojej strony medialnej i kliknij przycisk Embed & Share. Zobaczysz ekran Embed & Share, gdzie możesz skopiować swój typ kodu embed i zmienić go dla swojej strony.

embedding video from Wistia

Wistia oferuje dwa rodzaje kodów embed: Inline embeds i Popover embeds. Kody osadzania Inline sugerują pozycjonowanie wideo w linii z resztą treści, podczas gdy kody osadzania Popover pomagają twoim filmom, cóż, wyskakiwać nad treścią strony.

Osadzanie z Vidyard

Zauważ, że aby osadzić wideo z Vidyard, musisz mieć funkcję Player Embeds w swoim planie. Vidyard obsługuje dwie opcje osadzania - responsywne osadzanie i osadzanie iframe.

Na pulpicie nawigacyjnym Vidyarda kliknij sekcję Content>Player i najedź kursorem na odtwarzacz, a następnie kliknij "share". Pod częścią Responsive Embed, po prostu kliknij ikonę Kopiuj kod i wybierz opcję Użyj Lightbox, aby przekształcić kod w embed lightbox. Możesz ręcznie wprowadzić wymiary odtwarzacza, aby uzyskać maksymalną szerokość i wysokość.

embedding video from vidyard

Jeśli Twoja strona nie obsługuje JavaScript, możesz zaznaczyć pole wyboru Trouble embedding? i zamiast tego skopiować kod osadzenia iframe.

Osadzanie filmów zmediów społecznościowych

Osadzanie z Facebooka

Każde wideo na Facebooku jest obsługiwane za pomocą funkcji osadzania. Wystarczy kliknąć na "..." w prawym górnym rogu postu na Facebooku i nacisnąć "Embed".

embedding video from facebook

Jeśli chcesz, możesz wybrać opcję "Include full post" (wystarczy nacisnąć na pole wyboru), a doda on odpowiedni tekst z postu na Facebooku wraz z wideo.

Osadzanie z Instagrama

Ponieważ Instagram jest własnością Facebooka, proces osadzania jest bardzo podobny. Otwórz Instagram z pulpitu (nie z aplikacji) i kliknij na "..." w prawym górnym rogu.

Embedding video from Instagram

Naciśnij na "Embed" i skopiuj kod embed. Ponownie będziesz miał wybór, aby dodać (lub nie) podpis do swojego embedu.

Osadzanie z Twittera

Aby osadzić wideo na Twitterze, nie używaj aplikacji. Otwórz tweeta na pulpicie i wybierz "Embed Tweet" z rozwijanego menu, znajdującego się obok przycisku "Follow" na Twitterze. Następnie wybierz opcję "Embed Tweet".

embedding video from twitter

Wystarczy skopiować/wkleić kod embed - ale uwaga, z Twittera embed, będzie wyświetlać cały Tweet z podpisem, nie ma opcji, aby wyświetlić pojedynczy film.

Osadzanie z TikTok

W przypadku TikTok, przycisk "Get Embed Code" pojawia się bezpośrednio na filmie. Chociaż nie ma żadnych opcji do wyboru, ponieważ wszystko, co otrzymasz, to link do 340×700 odtwarzacza z autoplay, możesz podrasować niektóre ustawienia podczas dodawania kodu embed do swojej strony internetowej.

embedding video from TikTok

Użycie alternatywnej metody: Generatory kodu osadzania wideo

Jeśli z jakiegoś powodu nie chcesz podążać za łatwymi krokami, aby uzyskać kody osadzania dla swojego wideo z witryn hostingowych wideo lub mediów społecznościowych, z pewnością istnieje obejście.

Istnieje alternatywna metoda - możesz znaleźć wiele specjalnych stron, które są z natury tylko generatorami kodu osadzania wideo. Platformy takie jak Embed.ly, Toolki, czy Siege Media pozwalają na wygenerowanie kodu embed dla Twojego filmu: wszystko co musisz zrobić to mieć pod ręką adres URL filmu, a te strony automatycznie stworzą kod embed dla Twojego filmu.

Ale to obejście ma kilka wad:

  • Zazwyczaj nowo osadzone wideo na Twojej stronie będzie miało znak wodny platformy
  • Możliwości dostosowania wideo są bardzo ograniczone
  • Te platformy nie oferują żadnej analityki ani nawet możliwości dodania kodu śledzenia, aby dalej śledzić statystyki twojego wideo w Google Analytics lub platformach analitycznych innych firm.

Embed video on website via embed code generator

Dlatego jeśli masz możliwość skorzystania z platformy do hostingu wideo, zawsze wybieraj tę opcję.

Część V: Jak osadzić wideo na swojej stronie internetowej

Teraz, gdy jesteś wyposażony w wiedzę o zaletach osadzania wideo, wiesz jak wybrać odpowiedni hosting wideo i jak wygenerować kod osadzania, szybko przejdziemy przez szczegóły, jak faktycznie osadzić wideo do najbardziej popularnych platform hostingowych.

Osadzanie filmów w HTML

KROK 1: EDYTUJ SWÓJ HTML

Otwórz stronę, na której chcesz osadzić film w trybie edycji. Wybierz dokładne miejsce w kodzie, w którym ma się pojawić Twój film i umieść tam kursor.

KROK 2: SKOPIUJ I WKLEJ KOD OSADZENIA

Skopiuj swój kod embed i po prostu wklej go w miejsce, w którym umieściłeś kursor. Naciśnij, "zapisz" lub "opublikuj", i to wszystko.

Sprawdź dwukrotnie, czy wideo wyświetla się dokładnie tam, gdzie umieściłeś kod i nie zapomnij monitorować wydajności strony i wideo.

Osadzanie filmów w WordPressie

Jeśli Twoja strona działa na WordPressie, istnieją dwie opcje osadzania wideo.

#1 OPCJA: SKOPIUJ/WKLEJ ADRES URL

W przypadku najpopularniejszych platform do hostowania wideo, takich jak Vimeo, YouTube i kilka innych, nie musisz szukać pełnego kodu embed. Wystarczy skopiować adres URL filmu i wkleić go do edytora Visual - kod embed zostanie automatycznie wyprodukowany.

#2 OPCJA: UŻYJ KODU EMBED

Czasami chcesz dodać kilka poprawek do wyświetlania wideo lub możesz hostować swoje filmy na platformie, która nie jest obsługiwana przez automatyczne osadzanie WordPressa. To właśnie wtedy będziesz musiał użyć kodu osadzenia wideo.

Przejdź do edytora tekstu WordPressa(nie mylić z edytorem wizualnym) i zobaczysz wersję HTML swojej strony. Następnie wystarczy wykonać kroki, o których wspominamy powyżej w sekcji HTML tego poradnika, jak osadzić wideo na swojej stronie.

Embedding a video in WordPress

Osadzanie filmów w Shopify

KROK 1: SKOPIUJ KOD OSADZENIA

Pierwszy krok jest bardzo prosty - wystarczy skopiować kod embed z miejsca, w którym hostujesz swój film.

KROK 2: ZALOGUJ SIĘ DO PANELU ADMINISTRACYJNEGO SHOPIFY

Zaloguj się do swojego pulpitu administratora Shopify. Wszystkie Twoje aktualne strony powinny być wymienione w zakładce Sklep internetowy -> Strony. Przejdź do strony, którą chcesz edytować i zwróć uwagę na symbole na pasku narzędzi edytora.

Krok 3: KLIKNIJ PRZYCISK "WSTAW WIDEO"

Wybierz edytor bogatego tekstu, a na pasku narzędzi kliknij ikonę kamery wideo. Wyskoczy nowe okno - wystarczy wkleić kod embed filmu i wybrać opcję "Wstaw film". I już!

Osadzanie filmów w Squarespace

Jeśli chodzi o osadzanie, Squarespace jest bardzo podobny do WordPressa. Możesz wybrać opcję użycia kodu osadzającego lub osadzania filmów poprzez kopiowanie/wklejanie adresu URL filmu (możliwe tylko w przypadku osadzania z YouTube, Vimeo, Animoto lub Wistia).

Ponieważ Squarespace jest konstruktorem stron internetowych, wystarczy dodać dowolny blok, który obsługuje wideo, i po prostu skopiuj/wklej swój adres URL wideo lub naciśnij ikonę osadzania (podświetloną w czerwonym kółku), a następnie zobaczysz wyskakujące okno, w którym możesz skopiować/wkleić swój kod osadzania.

Embedding videos in squarespace

W Squarespace możesz podrasować tytuł i opis filmu, a odznaczając opcję "Użyj miniatury", możesz również dodać niestandardową miniaturę dla swojego filmu na tej stronie.

Osadzanie filmów w Wix

Wix działa na podobnych zasadach jak poprzednie platformy hostingu witryn. Tylko opcja kopiuj/wklej URL dla osadzania wideo obsługuje filmy hostowane na YouTube, Vimeo, DailyMotion i Facebook.

#1 OPCJA: SKOPIUJ/WKLEJ ADRES URL

Krok 1: Otwórz edytor

Kliknij ikonę "+" po lewej stronie edytora i wybierz Video. W sekcji Odtwarzacz pojedynczych filmów wybierz platformę, na której znajduje się twój film - YouTube, Vimeo, DailyMotion lub Facebook.

Krok 2: Skopiuj adres URL swojego filmu

Kliknij na "Change Video" i skopiuj adres URL filmu, który chcesz zaprezentować. W tym kroku możesz dostroić opcje odtwarzania i sterowania.

Krok 3: Dostosuj pozycję swojego wideo

Użyj przeciągania i upuszczania, aby zmienić pozycję i rozmiar swojego wideo. I po prostu zapisz stronę!

#2 OPCJA: UŻYJ KODU EMBED

Jeśli nie hostujesz swoich filmów na platformach wspieranych przez Wix, będziesz musiał skopiować kod embed dla twojego wideo. A następnie, zamiast wybrać opcję dodania Wideo, będziesz musiał nacisnąć na "Więcej". To właśnie tam znajdziesz HTML iframe, w którym możesz wkleić kod embed. Naciśnij "Zapisz", i jesteś dobry, aby przejść.

Słowa końcowe

Wygląda na to, że pokryliśmy całkiem sporo wszystkiego związanego z osadzaniem filmów na swojej stronie internetowej. Po tak obszernej lekturze możemy tylko powiedzieć, że dodanie wideo do Twojej strony przyniesie wartość nie tylko dla Twojego działu SEO, analityki i przychodów. Ludzie kochają filmy i doceniają czas, który inwestujesz w tworzenie treści, które są wartościowe, zabawne i łatwe do przyswojenia. Wszystko, co musisz zapewnić, to że twoje filmy nie wpływają na doświadczenie użytkownika, a embedy wideo są świetnym narzędziem do tego.

Daj nam znać w komentarzach, czy jest coś, co chciałbyś, abyśmy dodali do tego przewodnika. Które pytania pozostały bez odpowiedzi? Które platformy do hostingu wideo lub usługi hostingu stron chciałbyś, abyśmy zaktualizowali ten przewodnik o? Jakie są Twoje problemy i wyzwania, jeśli chodzi o osadzanie filmów na stronie internetowej i zapewnienie najwyższego doświadczenia użytkownika?

Ostateczny przewodnik po osadzaniu wideo na stronie internetowej

Będziemy Cię informować na bieżąco!

Dołącz do 5 000 marketerów, którzy czytają nasze artykuły jako pierwsi