2015-12-23 45 views
0

我試圖用javascript.I閱讀卡圖像鳴叫,並把頁面上的下面我正在分享工作示例與圖像的鳴叫:使用JavaScript的Django

<meta name="twitter:card" content="summary_large_image"> 
<meta name="twitter:site" content="http://203.110.93.244/"> 
<meta name="twitter:creator" content="@SarahMaslinNir"> 
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral"> 
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines witproject here."> 
<meta name="twitter:image" content="http://www.promon.in/media/images/products/2015/09/listing_image_vsRFOqw.jpg"> 

然後我用這個JavaScript來推特:

twttr.widgets.createShareButton(
     'http://203.110.93.244/offers/eat-n-drink/Delhi-greater-kailash-rara-avis/81/', 
     document.getElementById('twitter-btn'), 
     { 
      text: '#HelloWorld', 
     }); 

問題是,我沒有得到任何圖像縮略圖。 請引導我走向一個可行的解決方案。 謝謝。

+0

我認爲你需要申請Twitter信息卡上Twitter的API頁面 –

+0

https://dev.twitter.com/cards/types/summary-large-image –

回答

1

下面的東西適用於我。只要用戶點擊一個按鈕,它就會打開一個窗口......它發送源頁面的「URL」,「通過」這是你的Twitter用戶名,以及「文本」,這是你想要在那裏出現的任何消息。請注意,文本的數量是有限的,如果Twitter過長,會自動消除部分數據。

帶圖片的網頁網址必須首先顯示。您可以測試頁面在這裏的有效性:https://cards-dev.twitter.com/validator

jQuery("#twitter-share-button").click(function(e) 
    { 
    e.preventDefault(); 

    var uri = "http://203.110.93.244/offers/eat-n-drink/Delhi-greater-kailash-rara-avis/81/"; 
    var tweet = "https://twitter.com/intent/tweet?url=" 
      + encodeURI(uri) 
      + "&via=yourtwittername&text=" 
      + encodeURI(uri) 
      + encodeURI(" #your-hash-tag ") 
      + encodeURI("some more text here"); 
    window.open(tweet, "Share on Twitter"); 
    });