Dodanie kanałów mediów społecznościowych do Twojej witryny to świetny sposób na zwiększenie zaangażowania odbiorców i zapewnienie aktualności i aktualności treści witryny. W tym poście na blogu poprowadzimy Cię, jak dodać kanały z Facebooka, Twittera, Instagrama, TikToka lub Pinteresta do swojej witryny internetowej za pomocą prostych fragmentów kodu HTML.
Oryginalny post i więcej podobnych treści na DevPicker.com
Kanał na Facebooku
Aby wyświetlić kanał Facebooka na swojej stronie internetowej, wykonaj następujące proste kroki:
- Najpierw przejdź do wtyczki strony Facebooka: https://developers.facebook.com/docs/plugins/page-plugin
- Wpisz adres URL swojej strony na Facebooku i dostosuj jej wygląd do własnych upodobań.
- Kliknij „Pobierz kod” i skopiuj wygenerowany kod.
Oto przykładowy fragment kodu, którego możesz użyć do wyświetlenia swojego kanału na Facebooku:
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v16.0" nonce="gwrDv3kG"></script>
<div class="fb-page" data-href="https://www.facebook.com/YOUR_PAGE" data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
<blockquote cite="https://www.facebook.com/YOUR_PAGE" class="fb-xfbml-parse-ignore">
<a href="https://www.facebook.com/YOUR_PAGE">YOUR_PAGE</a>
</blockquote>
</div>
Zastąp „https://www.facebook.com/TWOJA_PAGE” adresem URL swojej strony na Facebooku.
Kanał na Twitterze
Osadzanie kanału Twitter jest również proste. Wykonaj następujące kroki:
- Przejdź do strony publikowania na Twitterze: https://publish.twitter.com/
- Wprowadź adres URL swojego profilu na Twitterze, następnie wybierz „Osadzona oś czasu” i kliknij „Dalej”.
- Dostosuj wygląd i kliknij „Kopiuj kod”.
Oto fragment kodu, którego możesz użyć do wyświetlenia swojego kanału na Twitterze:
<a class="twitter-timeline" href="https://twitter.com/YOUR_USERNAME" data-theme="light"> Tweets by YOUR_NAME </a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Zamień część „TWOJA_NAZWA_USER” na adres URL swojego profilu na Twitterze, a część „TWOJA_NAZWA” na swój nick na Twitterze.
Kanał na Instagramie
Aby dodać kanał Instagram do swojej witryny, musisz skorzystać z usługi innej firmy, nie ma oficjalnego prostego rozwiązania, sugerujemy użycie SnapWidget
- Odwiedź SnapWidget: https://snapwidget.com
- Kliknij „Rozpocznij” i połącz swoje konto na Instagramie.
- Wybierz typ widżetu, np. siatka, pokaz slajdów lub przewijanie.
- Dostosuj wygląd, rozmiar i układ, a następnie kliknij „Pobierz widżet” u dołu strony.
Oto fragment kodu, którego możesz użyć do wyświetlenia swojego kanału na Instagramie:
<script src="https://snapwidget.com/js/snapwidget.js"></script> <iframe src="https://snapwidget.com/embed/your-widget-id" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:your-width; height:your-height;"></iframe>
Zastąp „twój-widget-id” unikalnym identyfikatorem wygenerowanym przez SnapWidget. Dodatkowo zamień „twoja-szerokość” i „twoja-wysokość” na żądane wartości szerokości i wysokości widżetu.
Korzystając ze SnapWidget, możesz łatwo dodać stylowy i konfigurowalny kanał Instagram do swojej witryny, poprawiając jej atrakcyjność wizualną i zapewniając odwiedzającym płynne przeglądanie treści na Instagramie.
Kanał TikToka
Aby dodać kanał TikTok do swojej witryny, możesz użyć oficjalnego widżetu TikTok. Aby rozpocząć, wykonaj następujące kroki:
- Przejdź do strony Kreatora widżetów TikTok i wygeneruj kod do umieszczenia na stronie swojego profilu lub filmu TikTok.
- Skopiuj wygenerowany kod i wklej go do kodu HTML swojej witryny.
Oto fragment kodu, którego możesz użyć do wyświetlenia kanału TikTok:
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@YOUR_USERNAME" data-unique-id="YOUR_USERNAME" data-embed-type="creator" style="max-width: 780px; min-width: 288px;"> <section> <a target="_blank" href="https://www.tiktok.com/@YOUR_USERNAME?refer=creator_embed">@YOUR_USERNAME</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
Aby wyświetlić żądaną treść, musisz zastąpić „TWOJA_NAZWA UŻYTKOWNIKA” własną nazwą użytkownika profilu.
Kanał Pinteresta
Aby dodać kanał Pinteresta do swojej witryny, możesz skorzystać z oficjalnego narzędzia do tworzenia widżetów Pinteresta. Aby rozpocząć, wykonaj następujące kroki:
- Przejdź do strony Kreator widżetów na Pintereście i wybierz typ widżetu, który chcesz utworzyć (Pin, Tablica lub Profil).
- Dostosuj wygląd swojego widgetu i wygeneruj kod do umieszczenia na stronie.
- Skopiuj wygenerowany kod i wklej go do kodu HTML swojej witryny.
Oto fragment kodu, którego możesz użyć do wyświetlenia swojego kanału Pinterest:
<script async defer src="//assets.pinterest.com/js/pinit.js"></script> <a data-pin-do="embedUser" href="https://www.pinterest.com/YOUR_PINTEREST_NAME/"></a>
Wniosek
Dodając kanały mediów społecznościowych do swojej witryny, możesz zapewnić swoim odbiorcom świeże i angażujące treści oraz zwiększyć widoczność swoich profili w mediach społecznościowych. Mamy nadzieję, że ten wpis na blogu był pomocny w przeprowadzeniu Cię przez proces dodawania kanałów z Facebooka, Twittera, Instagrama, TikToka lub Pinteresta do Twojej witryny za pomocą prostych fragmentów kodu HTML.
Źródło: DevPicker.com
