【実験】はてなブログのツイッター連携機能を設定 失敗してわかる使い方
これが実験で貼付けたもの
はてなブログとツイッターを連携させるテスト つぶやきがどのように表示されるのか?
— みっぷdesire4 (@mip8888) 2015, 11月 26
1.はじめに
はてなブログの機能は色々あるが習うより慣れろだ
まず手始めにツイッター連携をやってみようじゃないかと
そんなノリで実験となった訳である
実験したのは下の2行で書かれている部分
Twitterのつぶやきをブログに貼り付けられます。
Twitterで概要が表示できます(Twitter Cards対応)
最後の1行の部分は今後の課題として残しておく
予約投稿の公開時にTwritterへシェアできます。
2.前提条件
みっぷは 5年前に作成したツイッターのアカウントを使用した
3.最初にはてなブログの設定
①アカウント設定から外部サービス連携メニューに入る
②Twitter連携設定の枠内有効にするをクリック
③Twitter認証画面にすすむボタンをクリック
④連携アプリを認証をクリック
⑤ツイッターのメールアドレスとパスワードを入力したら準備完了
4.次はツイートしよう
①ツイートする
②【7の訂正版を参照し作業する事】※打消しラインは失敗例
ツイートの右下にある…の表示をクリックするとメニューが表示されるので
「ツイートをサイトに埋め込む」をクリック
③表示された水色のコードをコピー
5.はてなブログに貼り付けしよう【7の訂正版を参照し作業する事】
ツイッターは消さずに別画面に立ち上げたまま作業すると何かと便利だ
①はてなブログの記事を書くからHTML編集を選択
②コードを貼付ける
③ブログを仕上げて公開
6.実験の感想(1)
ツイートをはてなブログに貼り付ける作業は非常に面倒な作業だった
しかし、それは私が無知だったからだ
ここまで来て気づいてしまった…もっと楽に貼り付け出来る事を
7.【訂正版】はてなブログに貼り付けしよう
4.ツイートしよう①ツイートするの続き
①はてなブログの記事を書く「編集見たまま」画面のままで
②画面右にあるプラスの追加アイコンをクリック
③「Twitter貼り付け」の右にあるスイッチの様なアイコンをクリックし
タブに追加する
④タブ上のツイッターアイコンをクリックしたらこのような表示に
⑤貼り付けしたいツイートをクリック
「自分」意外に「お気に入り」や「タイムライン」からも選択可
⑥画面下に「選択したツイートを貼り付け」ボタンが有るのでクリック
ここではHTML編集などの画面に遷移することは不要だ
⑦これがラクに貼り付けた結果
はてなブログとツイッターを連携させるテスト
— みっぷdesire4 (@mip8888) November 26, 2015
つぶやきがどのように表示されるのか?
8.実験の感想(2)
色々作業してみると発見がありおもしろい
編集サイドバーには便利そうなものが沢山あるではないか
この実験は成功だ!