X(旧Twitter)のタイムラインをサイドバーに表示したい…と考えたことはありませんか?
はじめてブログを訪れた読者がタイムラインを目にすれば、さらにあなたに興味を抱いてくれるかもしれません。
この記事では、Xのタイムラインをはてなブログのサイドバーに設置する方法を、初心者にもわかりやすくご紹介します。
サイドバーにタイムラインを埋め込む手順はたったの3つ。今回の作業は、すべてパソコンで行いますよ。一緒にやってみましょう♪
- 埋め込みたいタイムラインのコードをコピー
- コードをはてなブログのサイドバーに貼る
- お好みでカスタマイズ
Xのタイムラインをサイドバーに埋め込むメリット
Xのタイムラインを設置すると、なにかいいことがあるの?
Xのタイムラインをサイドバーに表示させるメリットは主に3つです。
- リアルタイムな情報を提供できる
- コンテンツを多様化できる
- トラフィックの増加が期待できる
以下で詳しく説明します。
1.リアルタイムな情報を提供できる
タイムラインには、最新の投稿がリアルタイムで表示されます。そのため、Xが頻繁に更新されていれば、ブログを訪れた読者に、あなたの最新の活動や関心事を提供することができるのです。
2.コンテンツの多様化
テーマを決めてブログ運用をしている場合でも、Xではプライベートな情報や個人の興味を発信できます。サイドバーにタイムラインが埋め込まれていれば、読者にあなたの人間性をより深く知ってもらえることでしょう。
3.トラフィックの増加が期待できる
トラフックとは、Webサイトにおける「交通量」のようなもの。
サイドバーにXのタイムラインを表示すれば、読者はブログからX、またはXからブログへ簡単に移動できます。そのため、相互のプラットフォーム間での「アクセス数」「セッション数」などトラフィックの向上が期待できるのです。
さっそくサイドバーにタイムラインを埋め込んでみましょう!
埋め込みたいタイムラインのコードをコピー
まず、埋め込むタイムラインのコードをコピーします。
手順は以下の5つ。
- https://publish.twitter.com/にアクセス
- タイムラインのURLを打ち込む
- 表示オプションを選択
- カスタマイズオプションを設定
- リンクのコードをコピー
タイムラインを埋め込む方法
それぞれの手順について、詳しく説明します。
これで埋め込むタイムラインのリンクがコピーできました。
コードをはてなブログのサイドバーに貼る
コピーしたコードをはてなブログのサイドバーに貼ります。
手順は以下の3つ。
- 管理画面から「デザイン」の編集画面を開く
- サイドバーにモジュールを追加
- HTMLを選択してコードを貼る
それぞれの手順を詳しく説明します。
お好みでカスタマイズ
コードを少しだけ編集すれば、外観をカスタマイズできます。
たとえば…
ヘッダーを消したいな・・・
このような場合は、元のコードの「<a class=”twitter-timeline”」の後に、半角のスペースをあけて「data-chrome=”noheader”」と書き加えればOK!
他にも「背景を透過させる」「境界線を消す」などの方法が、わかりやすく記載されていますよ↓
まとめ
Xのタイムラインをサイドバーに表示すれば、あなたの最新の活動や関心事、ブログのテーマに縛られないプライベートな情報や個人の興味を、読者にリアルタイムで伝えられます。
タイムラインの埋め込みはとても簡単。自動で生成されたコードを、はてなブログのサイドバー編集画面に貼り付けるだけでOKです。
あなたも、ぜひやってみてくださいね♪
最後までお読みいただきありがとうございます。
これからもはてなブログユーザーに役立つ情報を発信していきます!
フォローよろしくお願いいたします♪
Follow @poyara622