2020-06-22
Featured image social media aggregator

Twitterの各パーツをブログやウェブサイトに埋め込む方法 

ツイッターを利用する魅力の一つは情報拡散力ですが、この拡散力を加速させるために取り組みたいのが、ツイッターとブログやウェブサイトの連携です。

今回はこの連携の最初の一歩となる、ツイッターの各パーツ(ツイートやシェアボタン)のブログやウェブサイトへの埋め込み方を解説します。

目次

  1. ツイッターで埋め込めるパーツ
  2. ツイート単体を埋め込む方法
  3. ツイートボタンを埋め込む方法
  4. タイムラインを埋め込む方法
  5. ツールを使ってたくさんのツイートを埋め込む方法
  6. まとめ ツイッターとブログやウェブサイトの連携効果

ツイッターで埋め込めるパーツ

ツイッターは3つのパーツ、ツイート単体、ツイートボタン、タイムライン全体、をブログやウェブサイトに埋め込むことが出来ます。ツイート単体とは一つ一つの投稿のこと、ツイートボタンとはクリックしたりタップしたりするとツイートしたりフォローしたりできる小さなボタンのこと、タイムラインとは各アカウントが投稿したツイートが一覧できるパーツのことです。

埋め込みたいツイッターパーツの量によって方法を選択する

各パーツを埋め込むには、ツイッター公式の機能を使う方法と、外部のツイッター埋め込みツールを使う方法があります。埋め込みたいツイート数が少ない場合は公式機能を、たくさんのツイートを埋め込みたい場合は、作業性やデザイン性に優れる外部のツールを使うことをお勧めします。
以下では、公式機能を使った各パーツを一つずつ埋め込む方法と、外部ツールを使ったたくさんのツイート埋め込み例を紹介します。

ツイート単体を埋め込む方法

埋め込みたいツイートのコードを取得して、それをブログやウェブサイトに貼り付ける方法です。一つ一つコードを取得して貼り付ける方法なので、埋め込みたいツイートが少なく、また表示デザインも定型のものでよい、という場合に向いています。

以下のやり方で簡単に埋め込めます。

埋め込み用コードを取得する

最初のステップは方法が2つありますので、どちらかお好みの方法を選んでください。

ツイートから埋め込み作業を始める場合

埋め込みたいツイートの右上にあるプルダウンマークをクリックして、「ツイートを埋め込む」をクリックします。(この作業をする場合は、パソコンでツイッターを開いてください。スマートフォンには対応していません。)

Embed-Tweet-pull-down-menu

ツイッター公式の埋め込み専用ページ埋め込み作業を始める場合

Twitter Publishという埋め込み用のツイッター公式ページを開き、少し下にスクロールして画面下の「Embeded Tweet」(エンベッドツイート:ツイートの埋め込み)オプションをクリックします。

Choose-Embeded-Tweet-option

必要に応じてカスタマイズ設定

画面が切り替わると、埋め込み用のコードが表示された画面になります。埋め込むツイートの大きさや色を変えるなどカスタマイズしたい場合は、青字の【set customize options(カスタマイズ設定のオプション)】をクリックします。カスタマイズ設定できるのは以下の項目です。

embedsocial

SNS投稿埋め込みツール
- エンベッドソーシャル -

簡単な操作でSNSの投稿をWEBサイトに埋め込み。キャンペーンや口コミ・更新のいらないメディアとして活用できます。

お問い合わせ

関連記事

10月 11, 2021

ハッシュタグキャンペーンを成功させる…

昨今話題のハッシュタグキャンペーンですが、インターネット上で見つけることができる記事の多くは事例を紹…

10月 06, 2021

【2021年10月更新】最新ハッシュタグ…

全世界15万ユーザー 全国400社以上の導入実績のハッシュタグキャンペーンツール Embedsoci…

10月 05, 2021

ハッシュタグキャンペーンの費用対効果は?…

SNSの利用拡大とともに広まってきた「ハッシュタグキャンペーン」ですが、費用対効果や目的とする指標の…

9月 21, 2021

【MEO対策 - Googleマイビジネ…

無料で口コミや店舗写真、最新情報の掲出などにも活用することができ、今ではあらゆる規模のビジネスで欠か…