2017-05-31 86 views
8

給定一個圖像在某個地址,http://www.thissite.will/never/be-finished.png,最簡單的方式分享到Twitter,最好沒有卡?分享到沒有卡的圖像


用戶自定義SVG,他們感到滿意的時候,我把它轉換成PNG並將其存儲在我的服務器上。

我想給他們在Twitter上分享圖片的選項。他們點擊一個按鈕(我可以實現),並打開一個對話框,在那裏他們可以添加到推文(它應該已經包含圖片)。

我知道類似的問題已經被問過這個網站,但我想用「卡」共享圖像。相反,我想要一個典型的非卡片Tweet,只是一個圖像(如this)。

我已經瀏覽過Twitter開發者文檔反覆,但我找不到有用的信息。 POST statuses/update_with_media方法已棄用,並且指向「上傳媒體指南」的建議鏈接已斷開。 This guide,我猜想,它是什麼它打算鏈接到,,但它沒有JavaScript代碼,以暗示這應該如何實際執行

請幫忙。


我的嘗試,基於斷POST media/upload

$.ajax({ 
    url: "https://upload.twitter.com/1.1/media/upload.json", 
    format: "post", 
    data: {"data" : link} 
}).success(function(response) { 
    console.log(":)"); 
    console.log(response); 
}).fail(function(response) { 
    console.log(":("); 
    console.log(response.responseText); 
}); 

這種失敗。 responseText{"errors":[{"code":215,"message":"Bad Authentication data."}]}


基本上,我想做一些類似於StackOverflow的工作。當您在問題上點擊「共享」時,選擇Twitter,會彈出一個新窗口,其中填入問題鏈接,用戶可以在其中編寫自己的消息。 (Twitter提供了界面

然而,在我的情況下,當推送發送,而不是有一個鏈接回到頁面和一些文本從它拉,我想只有一個圖片。

+0

data:..其實不是URL,而是[Data URI](https://en.wikipedia.org/wiki/Data_URI_scheme) –

+0

@StefanHegny謝謝!這有幫助。想法如何我可以分享到Facebook? – Randoms

+0

不是真的,對不起。希望有一些專家加入......你想分享給FB還是Twitter?你似乎混合這兩個(現在你說Facebook,但問題是標籤微博) –

回答

0

Twitter沒有官方共享圖像的方式。你必須使用Twitter card。這是我的one webpage with nice image。在Twitter card validator上測試該URL,你會得到相當的形象。這就像你在Bloomberg的twitter狀態鏈接中的例子。 Now you can click this link to tweet which is of my that webpage(當然你可以刪除那條推文,這是測試的例子)。你會得到大圖像與選擇自定義文本。那些是你想要的。

以上Twitter分享超級鏈接的參數

我給你的超鏈接是這樣的:

https://twitter.com/intent/tweet?text=Cheapest%20CDNs%20With%20HTTPS%2C%20IPv6%2C%20HTTP%2F2%2C%20Brotli&url=https%3A%2F%2Fthecustomizewindows.com%2F2017%2F06%2Fcheapest-cdns-https-ipv6-http2-brotli%2F&hastag=AbhishekGhosh&via=AbhishekCTRL&original_referer=https%3A%2F%2Fthecustomizewindows.com%2F2017%2F06%2Fcheapest-cdns-https-ipv6-http2-brotli%2F 

https://twitter.com/intent/tweet是恆定的一部分。 ?text=是你想要的文字。 &url=是你會分享的網址。 &via=是可選的關聯帳戶。&original_referer=與大多數情況下的&url=相同,&hashtags是你想要的人質。 &hashtags不起作用。

但是你想要它的圖像而不是網頁。這很棘手。

你需要什麼

你想要什麼需要用PHP,MySQL的喜歡對網絡軟件。應用程序將編寫一個唯一的URL超時用戶使用用戶生成的帶有圖像的網頁完成使用Twitter標記的HTML標記的工作。 Twitter卡片是網頁如何具有標記,圖片,域名的網站管理員設置等問題。您可以使用PHP語言通過網頁的HTML標記設置首選圖像。原型應用

作爲例子那樣的想法與WordPress開發,當我還沒有發表文章的

例子,我有形象,但網址預覽是私人的。 WordPress有可能製作一篇未發表的文章。這是可能的4個WordPress的插件,以測試爲基礎的例子:

  1. https://wordpress.org/plugins/public-post-preview/(使未公佈後有一個公開預覽)
  2. https://wordpress.org/plugins/developer-share-buttons/(生成Twitter共享鏈接)
  3. https://wordpress.org/plugins/twitter-cards-meta/(產生嘰嘰喳喳元標籤)
  4. https://wordpress.org/plugins/live-composer-page-builder/(給爲註冊用戶提供的方法來編輯WordPress的前端)

當然有是在其他服務器上使用的較新的WordPress API。