埋め込みツイートとは？
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
おーくら🎹🍎 @anjo_yarina
きゃのの @hamakami96いまいち分かってないのだが、例えば公式が投稿してる動画を埋め込みでURL無しにツイートしたとして、それは無断転載、、、？？！！ 2020/11/26 20:01
清楚系男子 高学歴 身長180m 黒人とユダヤ人が大好き @CCcStu埋め込みツイートで詐欺する新手のスタンド使い https://t.co/GgcATfKrzQ 2020/11/26 19:56
華夢ぐり@お仕事募集中 @dougane_vvツイート埋め込み方分かった!! 2020/11/26 19:17
n o f r i l l s /共訳書『アメリカ侵略全史』作品社 @nofrills
ひま @himapt
イカ🖥 @yama_angel_@kazegusa そもそもログインしてなくてもツイート見れますしね、記事の埋め込み等からなら… 2020/11/26 10:28
Yuri @yuri_lovesiames人のこえで勝手にあそ部な @koedeasobu_bot
飛竜 @bsb_hiryuフリートにツイートの画面入れるのってスクショだと思ったら違うのね。
ツイートの共有ボタンからフリートへの埋め込み機能があるの見つけた。 2020/11/26 09:16
みずたこ＠無職から始める資本主義攻略 @mizutakoooアメブロで、貼り付けたツイート内のアフィリンクまで弾かれるのはやめてほしいなw
ただ純粋にツイート埋め込みしたかっただけなのに… 2020/11/26 07:55
クラクラ攻略情報局 @coc_info_info
小夜 @bouhebi小夜 @bouhebi
きらくらん☆@お悩みあるある研究家 @kirakuran_star
みとくん📘3週間で4桁達成 @mito_710_7人のこえで勝手にあそ部な @koedeasobu_bot
樹里ロマ💧skeb受付中 @romarsh2019@choiya_izayoi ツイートを転載するなら悪意がなければ埋め込みしたらいいんだよなあ…と思ってるマン 2020/11/25 20:01
とっきー@note初心者 @tokkyfootball
カイ｜ラジオ始めました🎧 @kaistory_B
愛犬家のマロー @QuinAnko
LiLi@Webクリエイター @pearlili3@yamaweb23 前回のツイート、ブログに埋め込みさせていただきました😊 2020/11/25 16:19
つきよ @kayuumaあと元記事は件のアカウントへのリプライを埋め込みツイートしてるのでそこにも出てるね。 2020/11/25 09:38
人のこえで勝手にあそ部な @koedeasobu_bot