当ブログではアフィリエイト広告を利用しています

BloggerにTwitterのタイムラインを埋め込む方法!

Twitterタイムラインの埋め込み方法

BloggerブログにTwitterのタイムラインを埋め込みたい!そう考えている方も多いのではないでしょうか?

■Twitterのタイムラインの埋め込みって何?
Bloggerブログの右サイドバーにTwitterのタイムラインを埋め込んだ例です。こんな感じでブログとTwitterを連携して、ブログを盛り上げていく方法の一つです!

Twitterのタイムラインを埋め込み例


ブログとTwitterを連携することで、以下のようなメリットが期待できます。
■ブログのアクセス数アップ
■Twitter経由で反応をもらえる

今回の記事!

■BloggerにTwitterのタイムラインを埋め込む方法を知りたい方にオススメです!


BloggerにTwitterのタイムラインを埋め込む方法!

BloggerにTwitterのタイムラインを埋め込むのは、意外と簡単です。流れは、以下の通りです。

【1】Twitterのツールで生成される、タイムラインの埋め込みコードをコピーする。
【2】Bloggerの”HTML/JavaScript"ガジェットに埋め込みコードを貼り付ける。

【1】Twitterでタイムラインの埋め込みコードをコピーする。

(1)Twitter公式パブリッシャーページを開きます。

(2)自分のTwitterのURLを入力し「Enter」または、”→”をクリックします。
※https://twitter.com/○○○←@無しのユーザID(@aikawa_yuzi

(3)”埋め込まれたタイムライン”をクリックします。

Twitter埋め込まれたタイムラインの選択

(4)”カスタマイズオプションを設定する”をクリックします。

【twitter】埋め込まれたタイムライン「カスタマイズオプションを設定する」

(5)以下の3つを設定し、”アップデート”をクリックします。
■タイムラインをどのサイズにしますか?
→サイドバーに貼る場合は「500」×「300」がオススメ。
■これをどのように見せたいですか?
→「光」または「暗い」どちらかお好みで選択。
■これをどの言語で表示しますか?
→「日本」を選択。

【twitter】カスタマイズオプションの設定

(6)”コードをコピーする”をクリックします。

【twitter】埋め込まれたタイムラインのコードをコピーする


以上でtwitter側の作業は終了です。続いてBloggerにコードを貼り付けます。

【2】Bloggerの”HTML/JavaScript"ガジェットに埋め込みコードを貼り付ける。

※今回は、サイドバーに貼り付ける場合の手順です。
(1)Bloggerのダッシュボードから「レイアウト」→”sidebar-section"の”ガジェットを追加"をクリックします。

【Brogger】ガジェットを追加

(2)"HTML/JavaScript"を選択します。

【Brogger】ガジェットを追加「HTMLJavaScript」

(3)以下の2つを入力し「保存」をクリックします。
■タイトル→サイドバーに表示する際の見出し。
■コンテンツ→Twitterのタイムラインの埋め込みコードを貼り付けます。

【Brogger】「HTMLJavaScript」ガジェットの設定

最後にレイアウトの「保存」をして完了です。さっそく、プレビュー表示などでブログを確認してみましょう!

古くからある手法の「ブログとTwitterの連携」の効果について。

ブログとTwitterの連携は、古くからあるSNS連携方法です。当ブログでも開設当初は連携していましたが、ほとんどつぶやいていなかったので外していました。

今回あらためて連携し、Twitter更新することにしました。”ゼロ”からのスタートとなります。効果については、未知数ですが変化がありましたら、あらためて記事をアップしたいと思います。