Najlepszy przewodnik po osadzaniu treści w Twojej witrynie

niezależnie od tego, czy chcesz dodać dowód społeczny do swoich treści, wspierać bloga prawdziwymi przykładami, czy rozszerzyć zasięg swojej witryny za pomocą kanału informacyjnego, osadzanie treści z innych platform może dodać wiele wartości Twojej witrynie.

ale zastanawianie się, jak faktycznie osadzić tę zawartość, może być trudne.Facebook, Instagram, Pinterest, Google Calendar, YouTube i SlideShare to przewodnik krok po kroku dotyczący osadzania mediów społecznościowych i powiązanych treści na swojej stronie internetowej.

→ Bezpłatne pobieranie: 5 kluczowych kroków do budowy i utrzymania wysokiej wydajności strony internetowej

(niestety, LinkedIn nadal nie zezwala na osadzanie możliwości dla konkretnych postów-chociaż oferuje wtyczki, dzięki czemu można osadzić swój profil lub stronę LinkedIn.)

kliknij nazwę sekcji, aby automatycznie przewijać ją do tej sekcji.Facebook Instagram Facebook Ress

  • Embed Facebook Feed
  • Embed Facebook Feed
  • Embed Instagram Feed and Posts
  • Embed Pinterest Pins
  • Embed tablice na Pintereście
  • Embed Google+ Post
  • Embed Google + Post
  • jak osadzić Kalendarz Google
  • jak osadzić film na YouTube
  • osadzić prezentacje SlideShare i infografiki
  • jak osadzić Tweet

    1. Znajdź tweet, który chcesz osadzić.
    2. kliknij strzałkę w dół w prawym górnym rogu tweeta.
    3. Wybierz ” Wstaw Tweet.”
    4. skopiuj kod, który się pojawi i wklej go do edytora HTML Twojej witryny.
    5. Dodaj 'TW-align-center’ po słowach „twitter-tweet” w kodzie osadzania.

    Znajdź tweeta, który chcesz osadzić.

    aby zamieścić tweeta na swoim blogu lub stronie internetowej, musisz najpierw znaleźć tweet, który chcesz wyświetlić w jego naturalnym środowisku-Twitterze. Znajdź tweeta w swoim kanale informacyjnym na Twitterze lub na profilu użytkownika Twittera. W tym przykładzie osadzimy tweeta z kanału Twittera HubSpot,jak pokazano na poniższych zrzutach ekranu.

    kliknij strzałkę w dół w prawym górnym rogu tweeta.

    po znalezieniu tweeta, który chcesz osadzić, kliknij ikonę strzałki skierowaną w dół, znajdującą się w prawym górnym rogu tweeta, jak pokazano poniżej.

    downward-arrow-tweet

    Wybierz ” Wstaw Tweet.”

    Kliknięcie tej ikony strzałki spowoduje wyświetlenie rozwijanego menu opcji, w tym jednej o nazwie „Wstaw Tweet.”Kliknij tę opcję.

    4. Skopiuj wyświetlony kod i wklej go do edytora HTML swojej witryny.

    kliknięcie „Wstaw Tweet” z rozwijanego menu pokazanego powyżej otworzy pole kodu pokazane poniżej. W sekcji „Wstaw ten Tweet” zobaczysz ciąg tekstu podświetlony na niebiesko. Użyj Command + C na klawiaturze (lub Control + C, jeśli używasz komputera), aby skopiować ten kod do schowka.

    tweet-embed-code

    dzięki temu kodowi do osadzania skopiowanemu do schowka wróć do witryny, w której chcesz osadzić ten tweet. Otwórz kod źródłowy tej strony (niektóre systemy zarządzania treścią mają ikonę” </>”, w której możesz uzyskać dostęp do tego kodu źródłowego). Tutaj wkleisz kod osadzania tweeta do kodu HTML dokładnie tam, gdzie chcesz, aby tweet się pojawił.

    Dodaj 'TW-align-center’ po słowach „twitter-tweet” w kodzie osadzania.

    po wklejeniu tego kodu do kodu HTML będziesz jednak chciał wyśrodkować ten tweet, aby nie pojawiał się automatycznie po lewej lub prawej stronie strony internetowej. Aby to poprawić, Dodaj tekst „tw-align-center” (bez cudzysłowów) bezpośrednio po „twitter-tweet” w kodzie osadzania. Możesz dowiedzieć się więcej o tej metodzie tutaj.

    oto jak powinien wyglądać ostateczny kod:

    < blockquote class=” twitter-tweet”tw-align-center data-lang=”en”><P lang=” en”dir = „ltr” >daj nam znać! 👂<br>jaki rodzaj treści chciałbyś od nas zobaczyć w tym roku?< / p>& mdash; HubSpot (@HubSpot) < a href=”https://twitter.com/HubSpot/status/1085634067679322114?ref_src=twsrc%5Etfw”>January 16, 2019</a></blockquote>
    <script async src=”https://platform.twitter.com/widgets.js „charset =” utf-8″></skrypt>

    to jest to! Tak będzie wyglądał Twój wbudowany tweet po zakończeniu:

    daj nam znać! 👂
    jaki rodzaj treści chciałbyś od nas zobaczyć w tym roku?

    — HubSpot (@HubSpot) styczeń 16, 2019

    Wstaw Facebook Post lub wideo

    Znajdź post na Facebooku, który chcesz osadzić.Facebooku rozpoczyna się osadzanie postu Facebooka na swoim blogu lub stronie internetowej. Facebooka, na stronie profilu użytkownika Facebooka lub w kanale wiadomości. W tym przykładzie osadzamy post na Facebooku z HubSpot Academy, jak pokazano na poniższych zrzutach ekranu.

    kliknij elipsę („…”) ikona w prawym górnym rogu postu.

    W prawym górnym rogu postu na Facebooku, który chcesz osadzić, zobaczysz ikonę wielokropka składającą się z trzech małych kropek. Kliknij tę ikonę, jak pokazano poniżej.

    ellipsis-facebook-post

    Kliknij ” Osadź.”

    kliknięcie ikony elipsy pokazanej poniżej spowoduje wyświetlenie rozwijanego menu opcji, w tym jednej oznaczonej etykietą ” Osadź.”Jeśli post, który chcesz osadzić, jest filmem, podobna opcja o nazwie „< / > osadzić” pojawi się w dalszej części tego menu. Kliknij jedną z opcji.

    jeśli nie widzisz opcji osadzania postu, post nie jest publiczny i nie można go osadzać.

    embed-facebook-post-from-hubspot-academy

    skopiuj wyświetlony kod i wklej go do edytora HTML swojej witryny.

    kliknięcie opcji „Osadź” pokazanej powyżej otworzy okno pokazane poniżej. W górnej części tego pola, tuż nad przyciskami „Ukryj podgląd” i „ustawienia zaawansowane”, zobaczysz linię zakodowanego tekstu. Zaznacz i skopiuj ten kod do schowka komputera.

    facebook-post-embed-code

    z tym kodem osadzania skopiowanym do schowka wróć do witryny, w której chcesz osadzić ten post na Facebooku. Otwórz kod źródłowy tej strony (niektóre systemy zarządzania treścią mają ikonę” </>”, w której możesz uzyskać dostęp do tego kodu źródłowego). Tutaj wkleisz kod osadzania posta na Facebooku do kodu HTML dokładnie tam, gdzie chcesz, aby post się pojawił.

    Dodaj <wyśrodkuj> i </wyśrodkuj> tagi wokół całego fragmentu HTML, aby wyśrodkować swój post.

    po wklejeniu tego kodu do kodu HTML będziesz jednak chciał wyśrodkować post, aby nie pojawiał się automatycznie po lewej lub prawej stronie strony internetowej. Aby to poprawić, zawiń kod za pomocą znaczników „<center> ” i ” </center>”, aby post na Facebooku był wyświetlany na środku artykułu lub strony internetowej.

    oto jak powinien wyglądać ostateczny kod:

    <<iframe src=”https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fthehubspotacademy%2Fposts%2F741606746226328%3A0&width=500″ width=”500″ height=”448″ style=”border:none;overflow:hidden” scrolling=”no” frameborder=”0″ allowTransparency=”true” allow=”encrypted-media”></iframe></center>

    to jest to! Oto jak to będzie wyglądać, gdy skończysz:Facebook Feed

    wierz lub nie, osadzenie całego kanału profilu na Facebooku na swojej stronie jest tak proste, jak osadzenie pojedynczego posta lub filmu. I jest na to więcej niż jeden sposób.

    Korzystanie z wtyczki WordPress

    pierwszym sposobem jest zainstalowanie wtyczki lub widżetu w systemie zarządzania treścią (CMS). Użytkownicy WordPress, na przykład, mają do dyspozycji kilka wtyczek Facebook feed. Oto jak z niego korzystać:

    1. Niestandardowy kanał Facebook, przez Smash Balloon, jest jedną z takich wtyczek WordPress, które można pobrać za pośrednictwem konta WordPress. Możesz pobrać tę wtyczkę tutaj.
    2. po pobraniu tej wtyczki Zaloguj się na swoje konto WordPress i aktywuj tę wtyczkę z menu „Wtyczki”.Facebook Feed (Kanał na Facebooku) pozwala wybrać i skonfigurować kanał na Facebooku, który ma być wyświetlany w witrynie.
    3. wpisz tekst ” w edytorze HTML swojej strony internetowej, aby wygenerować wybrany kanał na Facebooku.Facebook Facebook ma własną wtyczkę strony, pozwalającą na tworzenie kodu osadzania dla każdego profilu indywidualnego kanału na Facebooku i wprowadzanie go do kodu HTML swojej witryny. Oto jak z niego korzystać:

      1. Otwórz Narzędzie wtyczki strony Facebooka.Facebook feed jest dostępny na stronie internetowej Facebooka, a jego wtyczka jest dostępna na stronie Facebooka. Przewiń tę stronę w dół, aż zobaczysz sekcję pokazaną poniżej.

      facebook-page-plugin

      2. Wprowadź adres URL strony na Facebooku, którą chcesz osadzić.

      po otwarciu tego narzędzia Utwórz nową kartę w przeglądarce internetowej i przejdź do profilu na Facebooku, którego kanał chcesz osadzić. Naciśnij Command + c na klawiaturze (lub Control+C, jeśli używasz komputera), aby skopiować adres URL tej strony do schowka komputera.

      wróć do karty przeglądarki, która ma otwartą wtyczkę strony Facebooka. Wklej adres URL ze Schowka w lewym górnym polu, jak pokazano na zrzucie ekranu poniżej. Facebook feed na stronie biznesowej HubSpot firmy Facebook.

      hubspot-facebook-page-plugin

      3. Dodaj zakładki, które mają być wyświetlane wraz z osadzonym kanałem.

      oprócz pokazywania całej osi czasu profilu, Wtyczka strony Facebooka umożliwia również wyświetlanie kart wydarzeń tego profilu i/lub konta Messenger. Domyślnie narzędzie wtyczki strony będzie miało „oś czasu” wpisaną przez siebie.

      aby dodać zakładki zdarzenia lub Messenger do osadzonego kanału na Facebooku, kliknij na pole „zakładki” W prawym górnym rogu Narzędzia Wtyczki strony, Jak pokazano poniżej. Dodaj słowa „wydarzenia” i / lub „wiadomości” obok słowa „oś czasu”, wszystkie oddzielone przecinkami.

      facebook-plugin-tabs

      4. Dostosuj wymiary swojego kanału na Facebooku.

      jeśli Twoja witryna ma określone wymiary, które ograniczają rozmiar osadzonego nośnika, a wiesz, jakie są te wymiary, wprowadź je w dwóch dolnych polach Narzędzia Wtyczki strony Facebooka. Możesz wprowadzić określoną szerokość w lewym polu i określoną wysokość w prawym.

      domyślnie kanał na Facebooku będzie wyświetlany w przybliżeniu w rozmiarze 340×500, chociaż zalecane wymiary zobaczysz w tekście podglądu narzędzia.

      5. Kliknij ” Zdobądź Szyfr.”

      Po wypełnieniu wszystkich czterech pól, po prostu kliknij niebieski przycisk” Pobierz kod ” u dołu narzędzia, jak pokazano na powyższym zrzucie ekranu. Spowoduje to otwarcie pola kodu pokazanego poniżej.

      6. Kliknij kartę „IFrame”.

      uważaj jednak, który Kod wybierzesz … o ile nie kodujesz swojej witryny od zera, pierwsza karta (oznaczona „JavaScript SDK”) nie zawiera pożądanego kodu. Przełącz na zakładkę „IFrame”, jak pokazano poniżej. Ten tekst jest gotowy do osadzenia w edytorze HTML Twojego bloga lub strony internetowej.

      facebook-page-plugin-embed-code

      7. Skopiuj i wklej ten kod do osadzenia w edytorze HTML swojej witryny.

      skopiuj powyższy kod do schowka. Następnie przejdź do strony internetowej, w której chcesz osadzić ten kanał na Facebooku. Otwórz kod źródłowy swojej witryny (niektóre systemy zarządzania treścią mają ikonę” </>”, w której możesz uzyskać dostęp do tego kodu źródłowego). Tutaj wkleisz kod osadzania kanału do kodu HTML dokładnie tam, gdzie chcesz go wyświetlić.

      8. Dodaj znaczniki <center> i </center> wokół całego fragmentu Ramki IFrame, aby wyrównać kanał do środka.

      po wklejeniu tego kodu do kodu HTML będziesz jednak chciał wyśrodkować post, aby nie pojawiał się automatycznie po lewej lub prawej stronie strony internetowej. Aby to naprawić, zawiń kod za pomocą znaczników „<center> ” i ” </center>”, aby kanał na Facebooku był wyświetlany na środku artykułu lub strony internetowej.

      oto jak powinien wyglądać ostateczny kod:

      <center><iframe style=”border: none; overflow: hidden;”allow=” encrypted-media”xml=” lang”src=”https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fhubspot&amp;tabs=timeline%2C%20events%2C%20messages&amp;width=340&amp;height=500&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId”width=” 340″height=” 500″frameborder=” 0″scrolling = „no” ></iframe></center>

      to jest to! Instagram Instagram Instagram jest ulubionym miejscem wśród marketerów, ale osadzanie całego kanału na Instagramie może być trudne. Oto jak osadzić kanał na Instagramie, a także poszczególne posty na swojej stronie.Facebook Instagram kanał WordPress Wtyczki

      od twórców niestandardowego kanału Facebook pochodzi kanał Instagram. Instagram Instagram to wtyczka do WordPressa, opracowana przez Smash Balloon, ułatwiająca osadzanie całych kanałów na Instagramie z konkretnych kont na Instagramie. Oto jak z niego korzystać:

      1. Pobierz wtyczkę Instagram Feed dla WordPress tutaj.
      2. po pobraniu tej wtyczki Zaloguj się na swoje konto WordPress i aktywuj tę wtyczkę z menu „Wtyczki”.Użyj ustawień Instagram Instagram Feed, aby wybrać Token dostępu do Instagram i identyfikator użytkownika.
      3. wpisz tekst ” w edytorze HTML swojej strony internetowej, aby wygenerować wybrany kanał na Instagramie.

      zgodnie z instrukcjami tej wtyczki na WordPress, możesz wyświetlać wiele kanałów na Instagramie w tym samym czasie, wpisując tekst w formacie: „. W tym przykładzie skutecznie osadzasz sześć obrazów dla trzech oddzielnych kanałów na Instagramie. Instagram Instagram Instagram funkcja osadzania

      aby osadzić poszczególne zdjęcia Instagram, nie musisz szukać dalej niż natywne funkcje Instagram. Instagram Instagram jest jednym z najbardziej popularnych serwisów społecznościowych na świecie. Aby ustawić konto jako publiczne, przejdź do tego profilu i kliknij „Edytuj Profil” > prywatność i bezpieczeństwo. Na tej stronie odznacz opcję „Konto prywatne”i powinieneś być ustawiony.

      1. Kliknij obraz na Instagramie, który chcesz osadzić.

      przejdź do postu na Instagramie, który chcesz osadzić na swojej stronie i kliknij na niego, aby powiększyć obraz. W tym przykładzie umieścimy obraz z konta HubSpot culture, hubspotlife, jak pokazano na poniższych zrzutach ekranu.

      2. Kliknij na elipsę („…”) ikona w prawym dolnym rogu postu.

      z postem w pełnym widoku, spójrz w prawym dolnym rogu sekcji komentarzy. Kliknij ikonę wielokropka, składającą się z trzech małych kropek, jak pokazano poniżej.

      instagram-post-ellipsis

      3. Wybierz ” Osadź.”

      kliknięcie ikony elipsy pokazanej powyżej otworzy pole z opcjami pokazanymi poniżej. W tym menu wybierz „Osadź”, trzeci przycisk od góry.

      instagram-post-embed-menu

      4. Skopiuj i wklej kod osadzania w edytorze HTML swojej witryny.

      podobnie jak instrukcje dla Twittera i Facebooka (wymienione powyżej), ten przycisk „Osadź” spowoduje utworzenie kolejnego pudełka z zakodowanym tekstem. Gdy to pole otworzy się na ekranie, podświetl KOD u góry, jak pokazano poniżej. Następnie kliknij niebieski przycisk „Kopiuj kod osadzania” u dołu, aby skopiować ten tekst do schowka komputera.

      instagram-post-embed-code

      5. Dodaj znaczniki <center> i </center> wokół całego fragmentu HTML,aby wyśrodkować post.

      po wklejeniu tego kodu do kodu HTML będziesz jednak chciał wyśrodkować post na Instagramie, aby nie pojawiał się automatycznie po lewej lub prawej stronie strony internetowej. Aby to naprawić, zawiń kod za pomocą znaczników „<wyśrodkuj> ” i ” </wyśrodkuj>”, aby obraz był wyświetlany na środku artykułu lub strony internetowej.

      to jest to! Oto jak będzie wyglądał Twój osadzony post na Instagramie:

      osadzanie pinów Pinteresta

      Otwórz Kreator widżetów Pinteresta.

      aby osadzić przypięte treści z Pinteresta na swoim blogu lub stronie internetowej, otwórz narzędzie widget builder Pinteresta, dostępne tutaj.

      wybierz „Pin Widget” w lewej kolumnie.

      przewiń w dół, aż zobaczysz opcję widżet Przypnij, jak pokazano na zrzucie ekranu poniżej.

      pinterest-pin-widget

      Wklej adres URL kodu Pina, który chcesz osadzić.

      zacznij od wypełnienia pola „Adres URL Pinu” w górnej części narzędzia adresem URL pinu, który chcesz osadzić w witrynie, jak pokazano poniżej.

      pin-widget-url

      skopiuj i wklej kod z tej sekcji do edytora HTML swojej witryny.

      w widżecie Pinteresta przewiń w dół do sekcji pod obrazem podglądu Pina, gdzie znajdziesz dwie linie zakodowanego tekstu-jak pokazano poniżej.

      pinterest-pin-embed-codeotwórz edytor HTML swojej witryny, skopiuj i wklej pierwszy wiersz dokładnie tam, gdzie chcesz, aby pin z Pinteresta pojawił się na stronie. Następnie skopiuj drugi wiersz tekstu i wklej go do edytora HTML swojej witryny na samym dole strony.

      uważaj, aby nie wkleić całego fragmentu więcej niż raz na jednej stronie. Jeśli chcesz, aby pin pojawiał się wiele razy, wystarczy skopiować pierwszą linię kodu i wkleić go tam, gdzie chcesz, aby pojawił się na stronie. Nie zapomnij powtórzyć następujących czynności w każdym przypadku Pina, który chcesz osadzić.

      skopiuj fragment kodu podany poniżej.

      <!– pinterest–>

      wklej ten fragment kodu między otwierającym znacznikiem < a>a zamykającym znacznikiem </a >.

      Kod powinien wyglądać tak:

      <a data-pin-do = „embedPin” href=”http://www.pinterest.com/pin/99360735500167749/”><!–pinterest–></a>

      na dole strony:
      < script type = „text/javascript”async src=” //assets.pinterest.com/js/pinit.js ” ></skrypt>

      Dodaj <wyśrodkuj> i </wyśrodkuj> tagi wokół całego fragmentu HTML, aby wyśrodkować Pina.

      oto jak powinien wyglądać ostateczny kod:

      <center> < a data-pin-do= „embedPin” href=”http://www.pinterest.com/pin/99360735500167749/”><!–pinterest–></a>
      <!– Zadzwoń do pinita.js tylko raz na stronę –>
      <script type=” text/javascript „async src =” / / assets.pinterest.com / js / pinit.js ” > < / script></center>

      to jest to! Oto, jak to będzie wyglądać po zakończeniu:

      osadzanie tablic na Pintereście

      aby dodać tablice na Pintereście, kroki są na ogół takie same, jak w przypadku osadzania poszczególnych pinów-wyjaśniono powyżej. Oto jak to się robi:

      1. Otwórz Kreator widżetów Pinteresta.
      2. Wybierz „Board Widget” w lewej kolumnie, tuż pod” Pin Widget ” builder.
      3. po otwarciu widżetu tablicy wykonaj te same czynności, co w przypadku dodawania pinów, wymienione powyżej.

      skopiuj i wklej dwie dolne linie kodu do edytora HTML swojej witryny i to wszystko! Oto, jak wygląda osadzona Płyta:

      osadzić Google + Post

      1. Znajdź post Google+, który chcesz osadzić. Najedź kursorem myszy na prawy górny róg i kliknij szarą strzałkę, która się pojawi, aby wyświetlić więcej opcji.

      google-plus-embed-1

      2. Wybierz ” Wstaw Post.”

      google-plus-embed-2

      3. Skopiuj cały kod, który się pojawi,i wklej go w widoku HTML witryny.

      google-plus-embed3

      4. Wyśrodkuj osadzony post, dodając <wyśrodkuj> i </wyśrodkuj> wokół całego fragmentu HTML.

      oto jak powinien wyglądać ostateczny kod:

      < / align = „center” / 2,7281– Umieść ten znacznik w głowie lub tuż przed bliskim znacznikiem ciała. –>
      <script type=” text/javascript ” src=”https://apis.google.com/js/plusone.js”></script>
      <!– Umieść ten znacznik w miejscu, w którym chcesz widżet do renderowania. –>
      <div class=” G-post ” data-href=”https://plus.google.com/110490539670062886957/posts/be2TCKDBMsG”></div></center>

      to jest to! Oto jak to będzie wyglądać, gdy skończysz:

      jak osadzić Kalendarz Google

      aby osadzić konkretny Kalendarz Google na swoim blogu lub stronie internetowej, musisz użyć internetowej wersji kalendarza Google, a nie aplikacji mobilnej.

      masz otwarte? Osadzmy go.

      kliknij ikonę koła zębatego, aby otworzyć ustawienia.

      w górnej części Kalendarza Google kliknij ikonę koła zębatego i wybierz „Ustawienia”, Jak pokazano poniżej.

      google-calendar-settings

      wybierz kalendarz, który chcesz osadzić, i przewiń w dół do pozycji ” Zintegruj kalendarz.”

      gdy wejdziesz w Ustawienia kalendarza, poszukaj na pasku bocznym po lewej stronie konkretnego kalendarza, który chcesz umieścić na swojej stronie. W tym przykładzie osadzamy narodowy Kalendarz świąt firmy HubSpot.

      po wybraniu kalendarza spójrz w prawą stronę ustawień i przewiń w dół, aż zobaczysz sekcję „Zintegruj kalendarz”. (Możesz również po prostu kliknąć opcję o tej samej nazwie po lewej stronie pod wybranym kalendarzem.)

      google-integrate-calendar-1

      kliknij „Dostosuj” i skonfiguruj rozmiar i kolor kalendarza.

      w sekcji” Zintegruj kalendarz „w Ustawieniach znajdź i kliknij przycisk” Dostosuj”, tuż nad wierszem tekstu” kod osadzania”. Spowoduje to otwarcie większego okna opcji, w którym można zmienić rozmiar i schemat kolorów kalendarza przed osadzeniem go.

      jeśli jesteś zadowolony z tego, jak obecnie wygląda kalendarz i nie musisz wprowadzać żadnych zmian estetycznych, możesz po prostu skopiować ten kod do schowka.

      Dostosuj przycisk w ustawieniach Kalendarza integracyjnego Google.

      skopiuj kod osadzania u góry i wklej go do edytora HTML swojej witryny.

      skopiuj kod osadzania z okna Dostosuj lub ze strony Ustawienia i wklej go do edytora HTML swojej witryny. Jeśli chcesz, możesz zawinąć ten kod osadzenia w znacznikach <center> i </center>, aby wyrównać kalendarz na marginesach witryny.

      jak osadzić film na YouTube

      1. Znajdź film na YouTube, który chcesz osadzić.
      2. pod filmem wybierz ” Udostępnij.”
      3. w menu, które się pojawi, wybierz ” Osadź.”
      4. skopiuj kod, który się pojawi i wklej do edytora HTML Twojej witryny.

      Znajdź film na YouTube, który chcesz osadzić.

      osadzanie filmu z YouTube na swoim blogu lub stronie internetowej jest niezwykle łatwe. Aby rozpocząć, otwórz YouTube i przejdź do filmu, który chcesz osadzić. W tym przykładzie umieścimy film o marketingu przychodzącym z kanału HubSpot Inbound YouTube-jak pokazano na poniższych zrzutach ekranu.

      pod filmem wybierz ” Udostępnij.”

      pod samym filmem poszukaj przycisku” Udostępnij”, jak pokazano poniżej.

      inbound-youtube-video

      w menu, które się pojawi, wybierz ” Osadź.”

      kliknięcie przycisku” Udostępnij ” pod wybranym filmem z YouTube otworzy małe menu opcji, w których możesz udostępnić film w różnych sieciach społecznościowych. Jednak po lewej stronie tych opcji pojawi się okrągły przycisk „Osadź”. Kliknij ten przycisk.

      youtube-share-embed

      skopiuj wyświetlony kod i wklej go do edytora HTML swojej witryny.

      następne okno, które się pojawi, spowoduje wyświetlenie dużego pola zakodowanego tekstu, a także kilku opcji, aby dostosować wideo przed osadzeniem. Na przykład w kodzie osadzania możesz ustawić, czy chcesz, aby film zaczynał się od określonego znacznika czasu.

      gdy masz ustawienia dokładnie tak, jak chcesz, wyróżnij kodowany tekst w górnej części okna. Następnie kliknij „Kopiuj” w prawym dolnym rogu.

      youtube-embed-code

      Dodaj znaczniki <wyśrodkuj> i </wyśrodkuj> wokół całego fragmentu HTML,aby wyrównać wideo do środka.

      oto jak powinien wyglądać ostateczny kod:

      <jeśli chcesz, aby Twoje zdjęcia były wyświetlane na ekranie, Kliknij tutaj, aby dowiedzieć się więcej o tym, co dzieje się w Twojej przeglądarce, a następnie kliknij tutaj, aby dowiedzieć się więcej o tym, co dzieje się w Twojej przeglądarce.! Oto jak to będzie wyglądać, gdy skończysz:

      umieść prezentacje i infografiki w funkcji SlideShare

      Znajdź prezentację lub infografikę w funkcji SlideShare, którą chcesz osadzić SlideShare.net.

      slideshare_step_1

      Kliknij ” Dostosuj.”

      jeśli chcesz dostosować osadzoną prezentację SlideShare lub infografikę, kliknij „Dostosuj”, a pojawią się następujące opcje, pokazane poniżej. Wybierz opcje, które chcesz, a następnie skopiuj kod w sekcji „osadzanie”i wklej go w widoku HTML witryny.

      opcje osadzania prezentacji Slideshare

      Wyśrodkuj osadzony pokaz slajdów, dodając <wyśrodkuj> i </wyśrodkuj> wokół całego fragmentu HTML.

      oto jak powinien wyglądać ostateczny kod:

      <center> <iframe src=”//www.slideshare.net/slideshow/embed_code/31128788″ width=”427″ height=”356″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowfullscreen> </iframe> <div> <strong> <a href=”https://www.slideshare.net/HubSpot/a-sales-and-marketing-love-story” title=”Historia sprzedaży i marketingu” target=”_blank”>sprzedaz i marketing</a> </strong> <strong><a href=”http://www.slideshare.net/HubSpot” target=”_blank”>HubSpot</a></strong></div></center>

      to jest to! Oto, jak to będzie wyglądać, gdy skończysz:

      niektóre z tych kodów do osadzania mogą wymagać odrobiny poprawek, aby wyglądać idealnie na swoim blogu lub stronie internetowej, ale korzystając z tych kroków, powinieneś zacząć od świetnego początku. Szczęśliwego osadzania!

      Ebook Internetowy Canva HubSpot

    Dodaj komentarz

    Twój adres e-mail nie zostanie opublikowany.