Adăugarea feedurilor de rețele sociale pe site-ul dvs. este o modalitate excelentă de a crește implicarea cu publicul și de a menține conținutul site-ului web proaspăt și actualizat. În această postare pe blog, vă vom îndruma cum să adăugați feeduri Facebook, Twitter, Instagram, TikTok sau Pinterest pe site-ul dvs. folosind fragmente de cod HTML simple.
„Postarea originală și mai mult conținut similar pe DevPicker.com”
Feed Facebook
Pentru a afișa un feed Facebook pe site-ul dvs. web, urmați acești pași simpli:
- Mai întâi, accesați pluginul de pagină Facebook: https://developers.facebook.com/docs/plugins/page-plugin
- Introduceți adresa URL a paginii dvs. de Facebook și personalizați aspectul după bunul plac.
- Faceți clic pe „Obțineți codul” și copiați codul generat.
Iată exemplul de fragment de cod pe care îl puteți folosi pentru a vă afișa feedul Facebook:
<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>
Înlocuiește „https://www.facebook.com/YOUR_PAGE cu adresa URL a paginii tale de Facebook.
Feed Twitter
Încorporarea unui feed Twitter este, de asemenea, simplă. Urmați acești pași:
- Accesați pagina de publicare a Twitter: https://publish.twitter.com/
- Introduceți adresa URL a profilului dvs. Twitter, apoi selectați „Embedded Timeline” și faceți clic pe „Next”.
- Personalizați aspectul și faceți clic pe „Copiați codul”.
Iată fragmentul de cod pe care îl puteți folosi pentru a vă afișa feedul Twitter:
<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>
Înlocuiți partea „YOUR_USERNAME” cu adresa URL a profilului dvs. Twitter și „YOUR_NAME” cu identificatorul dvs. Twitter.
Feed Instagram
Pentru a adăuga un feed Instagram pe site-ul dvs., trebuie să utilizați un serviciu terță parte, nu există o soluție ușoară oficială, vă sugerăm să utilizați SnapWidget
- Vizitați SnapWidget: https://snapwidget.com
- Faceți clic pe „Începeți” și conectați-vă contul de Instagram.
- Alegeți un tip de widget, cum ar fi Grilă, Prezentare de diapozitive sau Derulare.
- Personalizați aspectul, dimensiunea și aspectul, apoi faceți clic pe „Obțineți widget” în partea de jos a paginii.
Iată fragmentul de cod pe care îl puteți folosi pentru a vă afișa feedul Instagram:
<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>
Înlocuiți „your-widget-id” cu ID-ul unic generat de SnapWidget. În plus, înlocuiți „lățimea ta” și „înălțimea ta” cu valorile de lățime și înălțime dorite pentru widget.
Folosind SnapWidget, puteți adăuga cu ușurință un feed Instagram elegant și personalizabil pe site-ul dvs., îmbunătățind atractivitatea vizuală a site-ului și oferind vizitatorilor o experiență perfectă atunci când vă navigați pe conținutul Instagram.
Feed TikTok
Pentru a adăuga un feed TikTok pe site-ul dvs., puteți utiliza widget-ul oficial TikTok. Urmați acești pași pentru a începe:
- Accesați pagina TikTok Widget Creator și generați codul de încorporare pentru profilul sau videoclipul dvs. TikTok.
- Copiați codul generat și inserați-l în codul HTML al site-ului dvs. web.
Iată fragmentul de cod pe care îl puteți folosi pentru a vă afișa feedul 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>
Trebuie să înlocuiți „YOUR_USERNAME” cu propriul nume de utilizator de profil pentru a afișa conținutul dorit.
Feed Pinterest
Pentru a adăuga un feed Pinterest pe site-ul dvs., puteți utiliza generatorul oficial de widget-uri Pinterest. Urmați acești pași pentru a începe:
- Accesați pagina „Pinterest’s Widget Builder” și alegeți tipul de widget pe care doriți să îl creați (Pin, Board sau Profil).
- Personalizați aspectul widget-ului și generați codul de încorporare.
- Copiați codul generat și inserați-l în codul HTML al site-ului dvs. web.
Iată fragmentul de cod pe care îl puteți folosi pentru a afișa feedul dvs. 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>
Concluzie
Adăugând feed-uri de rețele sociale pe site-ul dvs., puteți oferi audienței conținut proaspăt și captivant și puteți crește vizibilitatea profilurilor de rețele sociale. Sperăm că această postare de blog a fost utilă pentru a vă ghida prin procesul de adăugare a feedurilor Facebook, Twitter, Instagram, TikTok sau Pinterest pe site-ul dvs. folosind fragmente de cod HTML simple.
Sursa de la DevPicker.com
