Twitterタイムラインをブログに埋め込みする方法とデザインカスタマイズ

こんな感じに、ブログやホームページにTwitterタイムラインを埋め込む方法を解説していきます。

これけっこう知らない人が多くて、メルマガ読者さんやコミュニティメンバーさんから「どうやって埋め込むんですか?」ってたまに聞かれるんですよ。

だから記事にしました。すぐ出来るのでぜひお試しあれ。

動画解説で確認したい方はこちら

↓ ↓ ↓

 

Twitterタイムラインを埋め込むことのメリット

なんで、Twitterタイムラインを埋め込むのか?

あまりここを考えずに「とりあえず埋め込みたい!」wとやってる人が多いですが、僕が考えるメリットは2つ。

 

①ブログユーザーがTwitterフォロワーになってくれる

ブログは見てるけど、Twitterの存在を知らない読者さんも意外といます。

だけどタイムライン見たら「あれ?Twitterやってるやん」って気付いてもらえれば、熱心な読者さんならフォローだけでなく、Twitterの「いいね」「リツイート」などもしてくれる可能性もあります。

そこから徐々にでも拡散されていけば、新たなTwitterユーザーも獲得できて、そこからブログへも来てもらえる可能性も増えてくるので、相乗効果がうまれてくるんです。

 

②読者さんにブログ以外でも情報提供ができる

ブログって毎日毎日書けるものじゃないですから、ブログ更新が滞ってしまうこともある。でも読者さんの中には「あれ?もう活動してないんかな」「もっと情報知りたいのにな」って感じる人もいる。

だけどそんな時、ちょこちょこでもTwitterで近況報告がしたり、ちょっとした気付きやアイデアをアウトプットするだけでも、読者さんは喜んでくれるし、「ブログ止まっててもTwitterやってるならまた見に来よう」となってくれます。

ブログ書くのがしんどい時でも、Twitterなら手軽にできるし継続もしやすいので、生存報告アピールにも繋がり読者さんも安心してくれます(笑)

関連記事▶ ツイッターの集客効果とは?5つのコツとクライアントの成功事例も紹介

 

Twitterタイムラインのコードを取得する

https://publish.twitter.com/# ←まずこちらのリンクへアクセスします

自分のTwitterアカウントのURLを入力して、「→(右矢印)」をクリック。

 

左側のイラストを選択してください。

 

Twitterタイムラインのデザインカスタマイズ

ブログに埋め込むにはデフォルトサイズが大きすぎるので「set customization options」をクリックします。

 

  • Height(高さ)
  • Width(幅)
  • Light/Dark(背景色)
  • カラー選択(リンク文字色)
  • What language would you like to display this in?(言語設定。AutomaticのままでOKです)
  • Opt-out(twitterで表示される「おすすめユーザー」に自分のアカウントが表示されるか、されないか)

こちらの項目に沿って、好きなようにカスタマイズしていきましょう。

※高さ500、幅300、背景Dark、リンク色青、だとこんな仕上がりです。

 

HTMLをいじらなくても、この画面で簡単にカスタマイズできるので楽ですね。

設定が完了したら、「Update」をクリック。

 

「Copy Code」をクリックすれば、Twitterタイムラインのコードがコピペできます。

 

WordPressブログへTwitterタイムラインを埋め込み

先程、コピーしたコードをWordPressブログに貼り付けていきます。

「ウィジェット」→「テキスト」を選んで、先程のコードを貼り付けてください。

サイドバー、フッター、好きなところに埋め込みましょう。

 

僕はサイドバーに貼り付けていますが、Twitterタイムラインが表示されていればOKです。

(さっき作った黒色のはデモ用なのでお気になさらず)

 

ということでこちらの記事を参考に、Twitterタイムラインをブログに埋め込みまくってくださいw

 

運営者プロフィールと理念

ブログ運営者・桑名

どうも、ブログ運営者の桑名と申します。

ブログ記事を最後まで読みいただきありがとうございました。

僕は元々、普通のサラリーマンをしていましたが、29歳のときにインターネットビジネスで起業しました。

だけど「お金だけ」のために生きることでは心は満たされずに、月収50万円のビジネスを捨てました。

 

「自分ひとりだけ稼いでも虚しいだけ、自分だからこそのビジネスをやりたい」

そこから、自分の経験や好きなことを活かして、人のために貢献できる情報発信ビジネスの作り方を追求してきた結果、今では稼ぐだけじゃなく心も満たされる働き方ができるようになりました。

 

現在は「生き方を仕事にできる個人を増やす」ことを理念に、『ブログ×情報発信』で才能・スキルをお金に変える方法を教えています。

無料メール講座もプレゼント中ですので、興味がある方は下記をご覧ください。

●好きなことで月収30万円の収益を生む情報発信ビジネス術
●毎日記事を書かずに理想の見込み客が集まるブログ集客法
●自分の生き方をブランドにするコンセプトメイキング

『ブログ×情報発信ビジネス』の新しい稼ぎ方を学べる動画セミナー&メール講座をプレゼント中です。登録無料なので、ぜひ興味がある方は下記フォームからご登録ください。

 



※登録してすぐに動画セミナーのプレゼント案内がメールで届きます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*