ヒビサラ的 生活向上委員会(運用・節約術)

脱サラリーマンを夢見る著者の資産運用や副業や趣味の記録ブログ。今の収入から月10万円増えるだけで暮らしに余裕が生まれ人生豊かに生きれると思うんです。

【初心者向け】はてなブログのTwitter連携を設定してみた


はてなブログTwitterと連携させてブログの更新通知や集客につなげるための環境を整えたいと思います。これで、ブログを更新した際に簡単にTwitterでブログを更新しましたとつぶやくことができます。

 もちろん設定しただけでは集客は期待できませんが、集客の窓口を作っておけば、再来訪の可能性や新たな来訪者獲得のチャンスに繋がるのではと考えています。

手順を細かに記載したので、特にはてなブログに未だ不慣れな方や初めてTwitterアカウントを取得される方は参考にされてみてください。

主にやることは次の3つです。

それでは、設定していきましょう。 

 Twitterアカウントを作成

 ①Twitterhttps://twitter.com)へアクセスし、アカウント作成をクリック。

f:id:other-transfer:20190421005616j:plain

Twitter_TOP

②アカウント作成画面で名前(これがTwitter上で表示される名前になります)とメールアドレスを登録。

f:id:other-transfer:20190421005620j:plain

Twitter_アカウント名

③登録ボタンを押すと②で登録したメールアドレスに認証コードが飛びます。

f:id:other-transfer:20190421005758j:plain

Twitter_アカウント登録

④②で登録したメアドへ届いた認証コードを入力。

f:id:other-transfer:20190421010102j:plain

Twitter_認証コード

Twitterアカウントで使用するパスワードを設定します。

f:id:other-transfer:20190421010229j:plain

Twitter_パスワード

プロフィール画像を設定する画面になりますが、後で設定できますので、ここでは「今はしない」を選択。

f:id:other-transfer:20190421010322j:plain

 

⑦興味のあるカテゴリを聞かれますが、ここも「Skip for now」を選択しスキップ。
※なぜか英語表記になってますが、言語も後程、日本語に変更します。

f:id:other-transfer:20190421010500j:plain

Twitter_カテゴリ

 

⑧フォローをおすすめされますが、こちらも「Next」を選びスキップ。

f:id:other-transfer:20190421010702j:plain

Twitter_フォロー

⑨通知設定を聞かれますが、ここも「Skip for now」を選択しスキップ。

f:id:other-transfer:20190421010827j:plain

Twitter_通知設定

 

⑩このような画面が出たらTwitterアカウント作成完了です。
 名前をアルファベット表記にしたためか言語が英語なので、日本語に設定を変更します。

f:id:other-transfer:20190421011011j:plain

Twitter_アカウント画面

 

⑪右上の人物アイコンを押し、「Setting and privacy」を選択。

f:id:other-transfer:20190421011225j:plain

Twitter_設定

 

⑫「Language」「TimeZone」を日本に変更。

f:id:other-transfer:20190421011354j:plain

Twitter_言語設定

⑬画面下部の「Save changes」を押下。

f:id:other-transfer:20190421011458j:plain

Twitter_設定変更を適用

 

⑭パスワード入力画面になるので⑤で設定したパスワードを入力すると、言語が日本語になります。

f:id:other-transfer:20190421011554j:plain

Twitter_パスワード入力

f:id:other-transfer:20190421011709j:plain

Twitter_設定が反映

以上でTwitterアカウントの作成は完了です。

はてなブログTwitterを連携

Twitterアカウントを用意できたら、次にはてなブログTwitterの連携設定を行います。 

はてなブログの管理画面の左にあるメニューの一番下「アカウント設定」をクリック。

f:id:other-transfer:20190421011831j:plain

はてなブログ_アカウント設定

②「外部サービス連携」タブを選択。

f:id:other-transfer:20190421012022j:plain

はてなブログ_外部連携

 

Twitter連携設定で「有効にする」をクリック。

f:id:other-transfer:20190421012120j:plain

はてなブログ_Twitter連携

 

④「連携アプリを認証」をクリック。

f:id:other-transfer:20190421012222j:plain

はてなブログ_連携認証

これで、はてなブログTwitterの連携設定は終わりです。

 

フォローボタンを設置

ここからは、次のようにブログ内のプロフィール欄にフォローボタンを設置する手順です。

f:id:other-transfer:20190421012434j:plain

はてなブログ_フォローボタン

はてなブログの管理画面の左にあるメニューの「デザイン」をクリック。

f:id:other-transfer:20190421012550j:plain

はてなブログ_デザインを選択

②左上にあらわれるスパナマークの「カスタマイズ」をクリックし、「サイドバー」をクリック。すると、サイドバーに表示されているモジュール一覧があらわれます。その中から「プロフィール」の「編集」をクリック。

f:id:other-transfer:20190421014118j:plain

はてなブログ_プロフィール欄の設定

③フォローボタンを「表示する」にチェックを入れて、適用をクリック。

f:id:other-transfer:20190421012937j:plain

はてなブログ_フォローボタンを設置

以上で設定完了です。

 

Twitterへの新しい記事を掲載したことを通知するのは簡単。

実際に記事を投稿したあと、「Twitterに投稿」ボタンをクリックして「シェアする」をクリックするだけ。

f:id:other-transfer:20190421014728j:plain

はてなブログ_Twitterでシェア

次のようにTwitter上で記事の概要が共有されます。

f:id:other-transfer:20190421014909j:plain

はてなブログ_Twitter画面