埋め込みツイートとは？
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 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検索結果。「埋め込みツイート」に関する最新ツイート
語学たん達を
応援するたん (応援たんbot) … 言語系の学術たんを陰ながら応援 @ouen_suru_tan
しょーちゃん🔰 @syosinsya3dayo埋め込みツイートよくわかんなくて力尽きたぱたんきゅ 2022/07/03 23:49
渡りに船🚢漫画家Vtuber @Fune_Vtuberお、noteの埋め込みサムネ出ないから諦めて無いままツイートしたけど普通に反映されてる。ラッキー 2022/07/03 23:38
レン @ybf14ツイートをさらに表示って別のサイトの埋め込みから飛んできた時に出るやつだっけ…？と思ったけどそれは返信をさらに表示だった 2022/07/03 12:43
🐕ㄜと🐕 @nosukechan_
やすくん🔻つよつよMIX師 @Ys_Art_Lab
💜解剖生理学４択クイズ(アロマ向け)＠キャラウェイ地瑠璃楽Vtuber準備中(ゼラニウム地瑠璃楽) @AromaHerb_Study
長谷川 翔一 / 編集とマーケティング @haseshout💜解剖生理学４択クイズ(アロマ向け)＠キャラウェイ地瑠璃楽Vtuber準備中(ゼラニウム地瑠璃楽) @AromaHerb_Study
BOACK @BOACK_BOACK @BOACK_
砲玉 @dreamyresidentというか前回といい今回といい埋め込みツイートするとサムネタバレしてくるのはどうかと思うのよゴクオーくん公式… 2022/07/01 10:43
人のこえで勝手にあそ部な @koedeasobu_bot
湯呑 のむ🍵🍀@1周年🎉 @yunomi_nomuでも本当、生まれて初めて埋め込みツイートとか作ったりしてたので、そこだけは褒めて欲しいです…すみませんマジで…ああ…あああ… 2022/07/01 00:50
デルモベート @abcdef6029人のこえで勝手にあそ部な @koedeasobu_bot💜解剖生理学４択クイズ(アロマ向け)＠キャラウェイ地瑠璃楽Vtuber準備中(ゼラニウム地瑠璃楽) @AromaHerb_Study💜解剖生理学４択クイズ(アロマ向け)＠キャラウェイ地瑠璃楽Vtuber準備中(ゼラニウム地瑠璃楽) @AromaHerb_Study
JAKE @guiltyjake人のこえで勝手にあそ部な @koedeasobu_bot
れね @rene4784人のこえで勝手にあそ部な @koedeasobu_bot
サミエル🦔経済的自由を目指す【新米農家】 @samuraiz6363
ちゃい @ThaPxsub7
はなまるかけだしうどん @kakedashiudon@getnewsfeed ツイートの埋め込み引用+記事中にもハンドルネームを明記する形であればOKです🙆♀️ 2022/06/29 13:25