MyController

WEB業界素人の僕がまた見返しそうなことのメモです。

【Twitter】WEBサイトに複数箇所にツイートボタンを埋め込んで、それぞれ別の画像をツイートさせる方法

WEBサイトを作っていて、URLがシェアされたら自動的に画像を読み込んでくれるのは
公式ではTwitterカードというものがある。

ただこれだと一つの画像しか設定出来ないので複数画像を指定することは不可だった。
サーバに置いてる画像を読んでくれると思いきや、TwitterFacebook程柔軟性がないようで、
画像URLはただの文字列としてしか認識してくれない。

これを一応解決する方法が(非公式の方法ではあるが)、2017.5.29現時点では可能だったのでメモ。


手順1
まずは普通にツイッターボタンを埋め込む。ココは割愛。

手順2
Twitterで画像を普通に投稿。テキストがあってもOK

手順3
ツイッターボタンを押してデフォルトで表示させる文字の後ろにTwitterで投稿した画像を追記する。
※pic.なんとかっていうやつ。
ツイートを押してツイートを埋め込む というのを押すと出てくるやつ。