web-dev-qa-db-ja.com

Twitter-共有ボタン、ただし画像付き

このページのように通常の共有ボタンを使用します https://Twitter.com/about/resources/buttons#Tweet が、リンクだけでなくサイトから埋め込み画像を追加します。

1.1 APIとアップロードについてはすべて知っていますが、twアプリケーションを作成してから、私のサイトの訪問者に彼のタイムラインに書き込む許可を与えるように頼んでください私のサイトからの1枚の写真はおそらくシナリオではないので、代替案について考えます。

Twitterに既にアップロードされている写真のリンクをツイートに貼り付けるだけで、埋め込みの対象とならないhttps://pbs.twimg.com/media/BPpk_KUCMNBXsPN.jpgのようなリンクを貼り付けるが、このようなリンクを貼り付けるとpic.Twitter.com/NuDSx1ZKwy it埋め込まれます。したがって、https://upload.Twitter.com/1/statuses/update_with_media.jsonを呼び出すプロファイルとアプリを作成して写真をアップロードし、共有ボタンにリンクを貼り付けると、写真が埋め込まれたツイートが表示されます。またはより良い方法がありますか？私はphpを使用します。

twitter
42
S S

Twitterカード を調べます。

トリックはボタンではなく、共有しているページにあります。 Twitterカードは、facebook共有に似たメタタグから画像を取得します。

例：

<meta name="Twitter:card" content="summary_large_image">
<meta name="Twitter:site" content="@site_username">
<meta name="Twitter:title" content="Top 10 Things Ever">
<meta name="Twitter:description" content="Up than 200 characters.">
<meta name="Twitter:creator" content="@creator_username">
<meta name="Twitter:image" content="http://placekitten.com/250/250">
<meta name="Twitter:domain" content="YourDomain.com">
64
t q

写真付きのTwitter共有リンクを作成するには、まずTwitterアカウントから写真をツイートする必要があります。ツイートしたら、pic.Twitter.comリンクを取得して、Twitter共有URL内に配置する必要があります。

注：pic.Twitter.comのURLは表示されないため、別のアカウントを使用して、リツイートボタンをクリックします。モーダルが表示され、内部にリンクが表示されます。

Twitterの共有リンクは次のようになります。

<a href="https://Twitter.com/home?status=This%20photo%20is%20awesome!%20Check%20it%20out:%20pic.Twitter.com/9Ee63f7aVp">Share on Twitter</a>
14
Amy Leaman

Twitter Cardsのルートをたどることなくこの方法で画像を共有するには、画像を既にツイートしている必要があると考えるのは正しいことです。あなたが言うように、pic.Twitter.com/NuDSx1ZKwyという形式の画像リンクを取得することも重要です

このステップバイステップガイドは、「これを微調整する」リンクまたはボタンを実装しようとしている人のためにチェックアウトする価値があります。 http://onlinejournalismblog.com/2015/02/11/how-to-make-a -tweetable-image-in-your-blog-post / 。

3
philipnye