Osadzanie zewnętrznego pliku multimedialnego

Zewnętrzne pliki multimedialne, takie jak filmy z YouTube, można osadzać w module tekstu sformatowanego na stronach, we wpisach na blogu i w artykułach bazy wiedzy. Filmy można również osadzać w module wideo w obszarach stron metodą "przeciągnij i upuść " lub w edytorze wiadomości e-mail metodą "przeciągnij i upuść".

Aby śledzić interakcje z filmem, użyj narzędzi wideo HubSpot.

Obsługiwane typy multimediów

Funkcja osadzania obsługuje adresy URL w formacie oEmbed, który jest wspólny dla większości typów mediów. Platformy korzystające z formatu oEmbed obejmują YouTube, Spotify i Vimeo. Pełna lista obsługiwanych dostawców multimediów znajduje się w dokumentacji oEmbed.

Pliki multimedialne z dodatkowymi zabezpieczeniami, takie jak prywatne filmy z YouTube, nie są obsługiwane.

Osadzanie zewnętrznego pliku multimedialnego w module tekstu sformatowanego

Uwaga: zewnętrzne pliki multimedialne nie mogą być osadzane w modułach tekstowych w e-mailach marketingowych.

Możesz osadzić plik multimedialny w module tekstu sformatowanego, wklejając adres URL bezpośrednio do edytora tekstu sformatowanego. Jeśli podczas dodawania adresu URL pliku multimedialnego pojawi się komunikat o błędzie, zaleca się wstawienie kodu osadzania.

Osadzanie zewnętrznego pliku multimedialnego z adresem URL

• Przejdź do swojej zawartości:

  • Strony witryny: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
  • Strony docelowe: Na koncie HubSpot przejdź do Marketing > Strony docelowe.
  • Blog: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Baza wiedzy: Na koncie HubSpot przejdź do Obsługa klienta > Baza wiedzy.
• Najedź kursorem na stronę, post lub artykuł, a następnie kliknij Edytuj.
• W edytorze treści kliknij moduł tekstu sformatowanego.
• Wklej adres URL pliku multimedialnego do modułu tekstu sformatowanego. Podgląd pliku multimedialnego powinien wypełnić się automatycznie.

Osadzanie zewnętrznego pliku multimedialnego za pomocą kodu osadzania

• Przejdź do swojej zawartości:

  • Strony witryny: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
  • Strony docelowe: Na koncie HubSpot przejdź do Marketing > Strony docelowe.
  • Blog: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Baza wiedzy: Na koncie HubSpot przejdź do Obsługa klienta > Baza wiedzy.
  • Email: Na koncie HubSpot przejdź do Marketing > E-mail.
• Najedź kursorem na stronę, post lub artykuł, a następnie kliknij Edytuj.
• W edytorze treści kliknij moduł tekstu sformatowanego.
• Na pasku narzędzi tekstu sformatowanego kliknij menu rozwijane Wstaw i wybierz opcję Osadź.
• W oknie dialogowym wprowadź kod osadzania zewnętrznego pliku multimedialnego. Zostanie wyświetlony podgląd pliku.
• Kliknij przycisk Wstaw.

Formatowanie zewnętrznego pliku multimedialnego

• Przejdź do swojej zawartości:

  • Strony witryny: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
  • Strony docelowe: Na koncie HubSpot przejdź do Marketing > Strony docelowe.
  • Blog: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Baza wiedzy: Na koncie HubSpot przejdź do Obsługa klienta > Baza wiedzy.
• Najedź kursorem na stronę, post lub artykuł, a następnie kliknij Edytuj.
• W edytorze treści kliknij moduł tekstu sformatowanego.
• Kliknij osadzony plik.
• Edytuj pozycję, odstępy i wymiary pliku multimedialnego na pasku narzędzi.
  

• • Aby dostosować położenie pliku multimedialnego w bloku tekstu, kliknij ikony wyrównania inline.
  • Aby wideo było responsywne, kliknij ikonę pełnej szerokości fullWidth. Wideo zajmie całą szerokość urządzenia, na którym jest oglądane.
  • Aby zmienić rozmiar pliku, wprowadź wartości w pikselach dla szerokości i wysokości.
  • Aby dostosować marginesy pliku, kliknij menu rozwijane Odstępy i wprowadź wartości w pikselach w polach.

Uwaga: osadzone pliki multimedialne ze znacznikiem <script> nie są obsługiwane w pełnej szerokości, ponieważ generują zawartość dynamiczną.

• Aby edytować zaawansowane opcje pliku multimedialnego, kliknij ikonę edycji edit.
  • Programiści mogą edytować styl i zachowanie osadzonego wideo w polu tekstowym Kod osadzenia .
  • Aby ustawić sposób ładowania, kliknij menu rozwijane Ładowanie ramki i wybierz opcję:
    • Domyślnaprzeglądarka : zachowanie podczas ładowania obrazu zależy od ustawień przeglądarki odwiedzającego.
    • Leniwy : obraz zostanie załadowany tylko wtedy, gdy odwiedzający dotrze do tej części strony. Skraca to czas ładowania strony i poprawia SEO.
    • Eager : obraz zostanie załadowany natychmiast po załadowaniu strony.
  • Kliknij Zastosuj.

Zastąpienie zewnętrznego pliku multimedialnego

Jeśli chcesz zastąpić osadzony zewnętrzny plik multimedialny, usuń oryginalny plik, a następnie umieść adres URL nowego pliku:

• Przejdź do swojej zawartości:

  • Strony witryny: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
  • Stronydocelowe: Na koncie HubSpot przejdź do Marketing > Strony docelowe.
  • Blog: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Baza wiedzy: Na koncie HubSpot przejdź do Obsługa klienta > Baza wiedzy.
• Najedź kursorem na stronę, post lub artykuł, a następnie kliknij Edytuj.
• W edytorze treści kliknij plik multimedialny, a następnie kliknijikonę usuwania delete .
• Powtórz kroki, aby osadzić nowy adres URL pliku.

Osadzanie zewnętrznego wideo w module wideo

Możesz także osadzić zewnętrzny film na stronie lub w e-mailu marketingowym za pomocą modułu wideo. Moduł ten jest dostępny tylko w obszarach stron z funkcją przeciągania i up uszczania oraz w edytorze marketingowych wiadomości e-mail z funkcją przeciągania i upuszczania.

Osadzanie zewnętrznego wideo w module wideo w wiadomości e-mail

• Na koncie HubSpot przejdź do Marketing > E-mail.
• Kliknij nazwę wiadomości e-mail.
• W edytorzepaska bocznego kliknij modułwideo i przeciągnij go do wiadomości e-mail.
• W edytorze treści kliknij moduł wideo , aby edytować jego opcje.
• W sekcji Typ wideo wybierz opcję Osadź.
• Wprowadź adres URL filmu.

• W edytorze na lewym pasku bocznym edytuj wymiary filmu, miniaturę obrazu i pozycjonowanie:
  • Wprowadź szerokość lub wysokość , aby zmienić rozmiar wideo.
  • Aby dostosować miniaturę filmu, kliknij Prześlij obrazy , aby przesłać obraz z komputera, lub kliknij Przeglądaj obrazy , aby dodać obraz z narzędzia plików.
  • Aby zapewnić wyświetlanie wideo w pełnej szerokości na urządzeniach mobilnych, zaznacz pole wyboru Pokaż jako maksymalną szerokość na urządzeniach mobilnych. Filmy nigdy nie będą wyświetlane w szerokości większej niż ich oryginalne wymiary.
  • Aby przesunąć wideo w prawo lub w lewo, kliknij menu rozwijane Wyrównanie i wybierz opcję W lewo, Wyśrodkuj lub W prawo.
  • Aby dodać przestrzeń po bokach wideo, kliknij, aby włączyć przełącznik Wypełnienie. Wprowadź wartości w pikselach dla wypełnienia w polach tekstowych Góra, Dół, Lewo i Prawo lub zaznacz pole wyboru Zastosuj do wszystkich boków , aby zastosować to samo wypełnienie do wszystkich boków wideo.

Osadzanie zewnętrznego wideo w module wideo na stronie

Uwaga: moduł wideo można dodawać tylko do stron z obszarem przeciągania i upuszczania.

• Przejdź do swojej zawartości:

  • Strony witryny: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
  • Stronydocelowe: Na koncie HubSpot przejdź do Marketing > Strony docelowe.
• Najedź kursorem na swoją stronę i kliknij Edytuj .
• Na lewym pasku bocznym kliknij ikonę add Dodaj .
• W drugiej kolumnie kliknij Common, aby wyświetlić popularne moduły.
• Kliknij modułVideo i przeciągnijgo w odpowiednie miejsce.
• W sekcji Typ wideo edytora paska bocznego wybierz opcję Osadź.
• Wprowadź adres URL filmu. Aby zamiast tego użyć kodu osadzania, wybierz opcję Osadź kod i wklej kod osadzania w polu.

• Aby zmienić responsywność wideo, kliknij menu rozwijane Rozmiar i wybierz opcję:
  
  • Automatycznie dostosuj: wideo będzie responsywne, tj. będzie skalowane w zależności od rozmiaru przeglądarki i urządzenia.
  • Dokładna szerokość i wysokość : multimedia będą zawsze miały dokładnie taki rozmiar na wszystkich urządzeniach. Wprowadź wartości w pikselach dla jego wymiarów w polach Szerokość i Wysokość .
• Jeśli ustawiłeś wideo jako responsywne, kliknij menu rozwijane Maksymalny rozmiar i wybierz opcję:
  • Oryginalny rozmiar: wideo nie będzie skalowane do rozmiaru większego niż oryginalny.
  • Pełna szerokość: wideo zajmie całą szerokość urządzenia, na którym jest oglądane.
  • Niestandardowy: wideo nie przekroczy określonej szerokości i wysokości ustawionej w edytorze paska bocznego. Wprowadź wartości w pikselach dla jego wymiarów w polach Maksymalnaszerokość i Maksymalnawysokość.
• Aby dostosować miniaturę obrazu wideo, kliknij przycisk Prześlij, aby wybrać nowy plik z komputera, lub kliknij przycisk Przeglądaj obrazy, aby wybrać obraz z narzędzia plików.
• Kliknij przycisk Zastosuj zmiany.