twitter share ボタンで画像を共有したい

Question

http://toretama.jp/sns-twitter-share.html
https://pg-happy.jp/rails-sns-button.html

このページを元にして、shareボタンを作成しました。

作成された、textをtweetボタンを押すと、textはshareされました。もちろん、urlも。

しかし、画像そのものをshareしたい場合の処理がわかりません。

shareボタンを押すと、
textと画像がshareされるのが最終です。

調べましたが、その様な記事が見当たりませんでした。
動画を共有でも、urlを貼るのが基本。

<a href="https://twitter.com/share?url=<%= request.url %>&text=<%= @choco.content %>" rel="nofollow" target="_blank"><img src ="/images/ajax.png"></a>

以上の記述をしましたがうまくいきませんでした。
よろしくお願いいたします。

Answer 1

shareボタンを設置したページのHTMLコードにOGP用のメタタグは設定済みでしょうか。

.<meta property="og:image" content="画像ファイルのURI">
もしくは
<meta name="twitter:image" content="画像ファイルのURI">
のようなメタタグを HTMLコード内に記述されてますか。

OGP もしくは Twitterカードのメタタグを記述すれば、
URLをツイートするだけで　メタタグで設定した画像がツイートに含まれます。

参考とされた2つのサイトを拝見しましたが
いずれもツイートボタンの実装方法のみで
OGP や Twitterカードについては触れていないようです。

---

もし　メタタグを使わず　別途用意した画像
（質問のコードで例えると"/images/ajax.png"）をツイートに載せたい
（＝画像付きツイートを投稿させたい）という意味でのご質問でしたら

shareボタンで呼び出せる投稿画面では画像を投稿できませんので
APIキーやトークンを取得して「Twitter投稿アプリ」を作成して
shareボタンを推した人に Twitter の OAuth認証をしてもらったうえで
画像付きツイートをしてもらうかたちになります。

その部分のプログラムは Ruby等ですでに作り込み済みでしょうか。

---

個人的には 最初に書いた メタタグ設置（Twitterカード）をおすすめします。
URLをツイートするだけで画像などをタイムラインに表示できるようになります。

Comments

[x_x]

上記回答とは？

[Sohaya]

> 上記回答とは？
本件とは無関係の別質問への回答がcookieに残っており、
それを誤って投稿してしまったため　運営様へ削除申請をしました。
削除までに時間がかかるため注釈を入れていました。
お目汚しですみません。消しておきます。