埋め込みツイートとは？
Twitterが公式提供している機能
ウェブサイトのコンテンツにツイートを埋め込むことが可能
1.自分のウェブサイトで埋め込みツイートを使う方法
2.開発者がTwitterのAPIを使って埋め込みツイートを自分のアプリケーションに組み込む方法
1.ウェブサイトにツイートを埋め込むためには？
・「ツイートの下部」-「その他」クリック-「ツイートをサイトに埋め込む」を選択
・HTMLコードが記載されたダイアログが表示される
・このコードをコピーペーストすると、ツイートが表示される
・ウェブサイトやブログにツイートを埋め込む方法
埋め込みツイートを使用すると？
ウェブサイトのコンテンツにツイートを埋め込むことが可能
ツイートは写真、ビデオ、記事の概要などの追加メディアと一緒に埋め込まれ、リツイートやお気に入り登録の件数などもリアルタイムで表示されます。埋め込みツイートはインタラクティブに操作でき、埋め込みツイートを読んだユーザーは、ツイートしたユーザーのフォロー、返信、リツイート、お気に入り登録を、ページ上で直接行うことができます。
2種類
1.自分のウェブサイトで埋め込みツイートを使う方法
2.開発者がTwitterのAPIを使って埋め込みツイートを自分のアプリケーションに組み込む方法
1.ウェブサイトにツイートを埋め込むためには？
・「ツイートの下部」-「その他」クリック-「ツイートをサイトに埋め込む」を選択
・HTMLコードが記載されたダイアログが表示される
・このコードをコピーペーストすると、ツイートが表示される
・ウェブサイトやブログにツイートを埋め込む方法
1.埋め込みツイート
ツイート表示の制御
初期設定
・twitter.comの固定リンクページの表示と同様、ツイート全体が表示される
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">投稿本文</p>— PHPデモ (@phpdemo2016) <a href="https://twitter.com/phpdemo2016/status/805212441260892160">2016年12月4日</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
「元のツイートを含める」チェックボックスをオフ
・「このツイートをサイトに埋め込む」ダイアログの「元のツイートを含める」チェックボックスをオフにする
・ツイートのスレッドを表示しない
・data-conversation属性をnone
<blockquote class="twitter-tweet"
data-conversation="none">
...
</blockquote>
・今(2016/12/6)確認してみたら、「元のツイートを含める」チェックボックなど存在しないdata-conversation="none">
...
</blockquote>
・英語公式ページにも掲載されていない
・どうやら日本語公式情報は最新仕様にアップデートされていない模様
カード非表示
・埋め込みツイート内のカードは、data-cards属性を使って隠すことができる
※同じコンテンツにリンクしているツイートが多い場合、カード を表示すると見にくくなることがあるため
<blockquote class="twitter-tweet"
data-cards="hidden">
...
</blockquote>
data-cards="hidden">
...
</blockquote>
Twitter APIのWeb活用
ウェブサイトにTwitterのコンテンツを埋め込む方法
Twitter Publish
・コレクション、ツイート、タイムライン、プロフィールなどを埋め込むコードが提供されている
・Web ページに Twitter 関係の フォローボタン・ツイートボタン・ウィジェットを載せたいのであれば 上記リンク先 から ブログパーツ (スクリプト) を入手するだけで目的が達成できる
ウェブサイトに直接埋め込むボタン
・フォロー
・ツイートの共有
・ダイレクトメッセージ用
Twitter Publish
・コレクション、ツイート、タイムライン、プロフィールなどを埋め込むコードが提供されている
・Web ページに Twitter 関係の フォローボタン・ツイートボタン・ウィジェットを載せたいのであれば 上記リンク先 から ブログパーツ (スクリプト) を入手するだけで目的が達成できる
ウェブサイトに直接埋め込むボタン
・フォロー
・ツイートの共有
・ダイレクトメッセージ用
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">⚡️ "モーメントのタイトル"<a href="https://t.co/hm3svzA9mC">https://t.co/hm3svzA9mC</a></p>— PHPデモ (@phpdemo2016) <a href="https://twitter.com/phpdemo2016/status/801375098275926016">November 23, 2016</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
Twitter検索結果。「埋め込みツイート」に関する最新ツイート
人のこえで勝手にあそ部な @koedeasobu_bot
蒟蒻畑 @3ojo3動画埋め込みしたくて2日越しの再ツイート 2021/09/20 04:28
刑事告発・非常上告＿金沢地方検察庁御中 @kk_hirono刑事告発・非常上告＿金沢地方検察庁御中 @kk_hirono人のこえで勝手にあそ部な @koedeasobu_bot
アマンダ＠9/19花束、長谷津い4 @amanda_ri26
kyoronut | きょろナッツ @kyoronut一覧性のために目次をつけようと思うとHiDEなんですけど、ツイートの埋め込みに一手間増えるんですよね。 2021/09/19 16:04
うっちー@沖縄の潜水社労士 @sharoucchee
Tommy@한국어勉強＆拡散アカ @Tommy_irugi_subツイート埋め込み「文字サイズ」。
こちら変更できるの、ご存知でしたか？
▼ https://t.co/viTegTP9BT 2021/09/19 14:23
ややこ🍦 @yattarankaiプロフカードにツイート埋め込みが出来るって聞いてモーメントでやってみようと思ったんだけど駄目じゃないかリンクプレビュー…🥺 2021/09/19 13:48
ゆうき @yuko_jiwon人のこえで勝手にあそ部な @koedeasobu_bot刑事告発・非常上告＿金沢地方検察庁御中 @kk_hirono
遊佐ハルカ■6/14「迷える子羊に猫の手を」2巻発売 @yusa_mimi13刑事告発・非常上告＿金沢地方検察庁御中 @kk_hirono記事にあった埋め込みツイートです。 2021/09/18 17:29
人のこえで勝手にあそ部な @koedeasobu_bot
みさきち✿*+ @misakichi_live@tuntun_70 あ、そっちではなく、ツイートのYouTube埋め込みーの方です！！
布教は把握してました😌 2021/09/18 15:00
Heusken@開発部 @astowa2
サル☆ザル @maimi2014人のこえで勝手にあそ部な @koedeasobu_bot
真白ﾏﾏのおっぱいをちゅっちゅしたいお！ @brsywe_a_aツイートの埋め込みの方法にイラっときたので名前を変えました 2021/09/17 22:32
○○やまと○○です。 @yamato105_16
null@OGRE歌ってみたよ😈 @null_ll_null@OGRE歌ってみたよ😈 @null_ll_
willnet @netwillnet