Twitter ve Facebook sosyal medya düğmelerini HTML5 uygulamasına/web siteme eklemek istiyorum. Bunun için herhangi bir "drop-in" kodu var mı?Twitter ve Facebook sosyal medya düğmelerini web siteme nasıl ekleyebilirim?
cevap
, eklemek istiyorsun düğme görmek ve nesil için facebook en sihirbazını kullanmak senin özel kod:
http://developers.facebook.com/docs/plugins/
ve heyecan için bu bir:
sağ vücutta sonra ve başlıktan önce, html sayfanıza ekleyin:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
(ASP.NET'te Jilet görünümü motoru kullanıyorsanız, _SiteLayout.cshtml için yukarıdaki komut dosyası eklemek Birden fazla sayfadaki düğmeleri istiyorsanız dosyaya dokunun.
Sonra düğmesini istediğiniz noktada bu eklentiyi [s] görünmesini:
<div style="display:inline-block;vertical-align:top">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.awardwinnersonly.com" data-text="Czech out the books, movies, and music that won major awards" data-via="BClayShannon">Tweet</a>
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');
</script>
</div>
<div style="display:inline-block;vertical-align:top" class="fb-like" data-href="http://www.awardwinnersonly.com" data-send="false" data-width="450" data-show-faces="false" data-font="segoe ui">
</div>
istediğini ile web sitenizin URL'sini, Heyecan "veri-text" değeri ile "http://www.awardwinnersonly.com" Değiştir Twitter tüzüğünüzle varsayılan olarak bir tweet ve Twitter'da "veri aktarma" (Pancho Villa ile karıştırılmaması gereken) değeri. Eğer bir Facebook comments düğmesini istiyorsanız Ayrıca
, bu eklenti (dan Tito Tito kabul ettiği cevabı): Facebook'a için<div class="fb-comments" data-href="http://www.awardwinnersonly.com" data-colorscheme="The color scheme used in the plugin" data-numposts="5" data-width="450"></div>
Düğme resimlerini jpeg olarak indirdim ve görüntüye bir bağlantı ekledim (Kompozer yazılımı kullanarak). yaptıkları link adresinden önce I da eklendi target = "_ blank" eklendi kez
target="_blank" href="https://twitter.com/username
kapalı hat kendiniz için uygun simgeleri bul :) emin yeni bir sekme başkasının sitesine web kullanıcı yönlendirme yerine açılır ve facebook/twitter/etc sayfalarına bağlı linkler ekleyin.
Bu şekilde tasarım üzerinde kontrolünüz vardır.
- 1. facebook girişimi kendi web siteme nasıl ekleyebilirim?
- 2. Sitenize sosyal medya "beğen" ve "+1" düğmelerini eklemenin en etkili yolu nedir?
- 3. Sosyal Medya Birliğinin Paylaşım Düğmesi (Android)
- 4. Sosyal medya simgelerini altbilgide ortalayamazsınız
- 5. Sosyal medya uygulamasının arka uçları
- 6. facebook sayfamda yayınlanan tüm iletileri göster ve web siteme göster
- 7. twitter girişini script kullanarak web siteme nasıl entegre edebilirim
- 8. web siteme
- 9. Sosyal Medya Simgeleri Başlığın Altında Buton
- 10. Sosyal medya Keycloak kullanarak oturum açın
- 11. Mobil cihazlar için bir tarayıcı penceresi yerine mobil uygulamayı açan bir web sitesinde Facebook ve paylaş düğmeleri paylaşılsın mı?
- 12. Outlook Web App'i siteme nasıl yerleştirebilirim?
- 13. hepsi bir sosyal paylaşım düğmesi javascript web siteleri için?
- 14. Medya kılavuz sınıfı Twitter önyüklemesinden mi çıktı?
- 15. Symfony 2 Twitter ve Facebook API
- 16. siteme
- 17. Android facebook/twitter paylaşım düğmesi
- 18. Android, Sadece Facebook ve Twitter'a sahip olmak için sosyal paylaşımı nasıl filtreleyebilirim?
- 19. Facebook, Instagram ve Twitter tarayıcıları uygun görünüm yüksekliğini döndürmüyor
- 20. Android, nasıl Facebook/Twitter/vb temas fotoğrafları
- 21. Twitter ve Facebook uygulaması gibi tıklanabilir bağlantıları nasıl yapabilirim?
- 22. iphone uygulaması içinde facebook ve twitter linkler nasıl açılır
- 23. HTML Word kullanan web siteme içerik göndermek
- 24. Sosyal Çerçeve iOS 8 swift
- 25. Medya birimi nasıl kontrol edilir?
- 26. Magento web sitesinde facebook giriş entegrasyonu nasıl yapılır?
- 27. Sosyal eklenti kutusuna grafik api ile yorum yayınlayın
- 28. Kullanıcıları web siteme yönlendiren arama sorgusu nasıl belirlenir?
- 29. Sosyal medyada duygu sınıflandırması için veri kümesi
- 30. Git ve WordPress (+ yönetme eklentileri ve medya)