Veb-saytingizga ijtimoiy media tasmalarini qo'shish auditoriyangiz bilan aloqani oshirish va veb-saytingiz tarkibini yangi va dolzarb saqlashning ajoyib usuli hisoblanadi. Ushbu blog postida biz sizga oddiy HTML kod parchalari yordamida Facebook, Twitter, Instagram, TikTok yoki Pinterest tasmalarini veb-saytingizga qanday qo'shish haqida ko'rsatma beramiz.
"DevPicker.com saytidagi asl post va shunga o'xshash boshqa kontent"
Facebook tasmasi
Veb-saytingizda Facebook tasmasini ko'rsatish uchun quyidagi oddiy amallarni bajaring:
- Birinchidan, Facebook sahifa plaginiga o'ting: https://developers.facebook.com/docs/plugins/page-plugin
- Facebook sahifangizning URL manzilini kiriting va tashqi ko'rinishini o'zingizga moslashtiring.
- "Kodni olish" tugmasini bosing va yaratilgan kodni nusxalash.
Facebook tasmangizni ko'rsatish uchun foydalanishingiz mumkin bo'lgan kod parchasi misoli:
<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>
“https://www.facebook.com/YOUR_PAGE”ni Facebook sahifangizning URL manzili bilan almashtiring.
Twitter tasmasi
Twitter tasmasini joylashtirish ham oddiy. Quyidagi amallarni bajaring:
- Twitter nashri sahifasiga o'ting: https://publish.twitter.com/
- Twitter profilingiz URL manzilini kiriting, so'ng "O'rnatilgan vaqt jadvali" ni tanlang va "Keyingi" tugmasini bosing.
- Ko'rinishni sozlang va "Kodni nusxalash" tugmasini bosing.
Twitter tasmangizni ko'rsatish uchun foydalanishingiz mumkin bo'lgan kod parchasi:
<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>
“YOUR_USERNAME” qismini Twitter profilingiz URL manzili va “YOUR_NAME” qismini Twitter dastagi bilan almashtiring.
Instagram tasmasi
Veb-saytingizga Instagram tasmasini qo'shish uchun siz uchinchi tomon xizmatidan foydalanishingiz kerak, rasmiy oson yechim yo'q, biz SnapWidget-dan foydalanishni tavsiya qilamiz.
- SnapWidget-ga tashrif buyuring: https://snapwidget.com
- "Ishga tushirish" tugmasini bosing va Instagram hisobingizni ulang.
- Grid, Slayd-shou yoki Scroll kabi vidjet turini tanlang.
- Tashqi ko'rinishini, hajmini va tartibini sozlang, so'ng sahifaning pastki qismidagi "Vidjetni olish" tugmasini bosing.
Instagram tasmangizni ko'rsatish uchun foydalanishingiz mumkin bo'lgan kod parchasi:
<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>
“Your-widget-id” ni SnapWidget tomonidan yaratilgan noyob identifikator bilan almashtiring. Bundan tashqari, "sizning kengligingiz" va "balandligingiz" ni vidjet uchun kerakli kenglik va balandlik qiymatlari bilan almashtiring.
SnapWidget-dan foydalanib, siz osongina veb-saytingizga zamonaviy va moslashtirilgan Instagram tasmasini qo'shishingiz mumkin, bu sizning saytingizning vizual jozibadorligini oshiradi va tashrif buyuruvchilarga Instagram kontentingizni ko'rib chiqishda uzluksiz tajriba taqdim etadi.
TikTok tasmasi
Veb-saytingizga TikTok tasmasini qo'shish uchun siz TikTokning rasmiy vidjetidan foydalanishingiz mumkin. Boshlash uchun quyidagi amallarni bajaring:
- TikTok-ning Vidjet yaratuvchisi sahifasiga o'ting va TikTok profilingiz yoki videongiz uchun joylashtirish kodini yarating.
- Yaratilgan koddan nusxa oling va uni veb-saytingizning HTML kodiga joylashtiring.
TikTok tasmangizni ko'rsatish uchun foydalanishingiz mumkin bo'lgan kod parchasi:
<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>
Kerakli kontentni ko‘rsatish uchun “YOUR_USERNAME” ni shaxsiy profilingiz foydalanuvchi nomi bilan almashtirishingiz kerak.
Pinterest tasmasi
Veb-saytingizga Pinterest tasmasini qo'shish uchun siz Pinterestning rasmiy vidjet yaratuvchisidan foydalanishingiz mumkin. Boshlash uchun quyidagi amallarni bajaring:
- "Pinterest's Widget Builder" sahifasiga o'ting va yaratmoqchi bo'lgan vidjet turini tanlang (Pin, Doska yoki Profil).
- Vidjetingizning koʻrinishini sozlang va oʻrnatish kodini yarating.
- Yaratilgan koddan nusxa oling va uni veb-saytingizning HTML kodiga joylashtiring.
Pinterest tasmangizni ko'rsatish uchun foydalanishingiz mumkin bo'lgan kod parchasi:
<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>
Xulosa
Veb-saytingizga ijtimoiy media tasmalarini qo'shish orqali siz tomoshabinlaringizni yangi va qiziqarli kontent bilan ta'minlashingiz va ijtimoiy media profillaringizning ko'rinishini oshirishingiz mumkin. Umid qilamizki, ushbu blog posti sizga oddiy HTML kod parchalari yordamida Facebook, Twitter, Instagram, TikTok yoki Pinterest tasmalarini veb-saytingizga qo'shish jarayonida sizga yordam berdi.
"DevPicker.com" manbasi
