【コピペ導入】はてなブログ用 過去記事TweetBot【全自動】

こんにちわ、野良ジニアです。

Twitter でたまに見かけるこんなツイート。ワードプレスはプラグインで過去記事を簡単につぶやけるみたいです。

「同じことをはてなブログでやりたい」と検索したところ、半自動なやり方はあるけど全自動なやり方は見つからず。「無いなら作ろう」 てことで、Google Apps Script で作りました。完成イメージはこちら。

画像を使いながら手順を解説していきます。

Amazon プライムのメリット総まとめ
スペース倍増！キッチン作業が最高に捗る突っ張りキッチンラック
【Amazonプライム】内村さまぁ～ず第1〜50回から選ぶ爆笑ベスト10

便利なテクニックや、はてなブログ用botなど Twitter 記事 全まとめ
ヘッダ部分にオシャレなアニメーションを追加しよう
吹き出しにアニメーション追加する方法
仮想通貨ウェブフォント導入で色んなコインを表示しよう
【コピペ導入】はてなブログでコピペを検出して通知する方法(仮)【パクリ対策】
2018年3月版 はてなブログpro・独自ドメインに移行した時にやること まとめ

ググって見つけた記事

「はてなブログ 過去記事」や「はてなブログ 過去記事 bot」 で検索。見つけたのは以下の記事。
たりんこ(id:takiji13)さん、池田仮名(id:bulldra)さん、ナイトアンドデイ.トーキョーさん、ナカニシ(id:ypmemo)さん、DAC(id:dacs)さん、味醂(id:tiemirin)さん、記事を参考にさせていただきました。ありがとうございます。

自動ツイートbotデータを準備してTwitterでブログの過去記事をすくいだそう！ - あめみか
はてなブログの過去記事をTwitter Botにツイートさせる - 太陽がまぶしかったから
せっかく書いたその記事、埋もれてない？過去記事はbotでつぶやこう！ | NITEandDAY.blog
はてなブログ 過去記事をTwitterに定期的に自動的に投稿させるやつ - 炭酸せんべい
作ってみた！はてなブログでTwitterでの過去記事紹介用にTwittBot張付用文字列作成ツール - ぐだぐだわーくす
スマホだけで出来る！過去記事の自動ツイート【はてなブログ】 - 腹が減っては育児はできぬ

以下のサイトは知らなかったので、大変勉強になりました。ですが、記事追加のたびに手作業というのは個人的には避けたい。

twittbot - enjoy
Screaming Frog

というわけで、 最初に設定したら(基本的に)放置で全自動ツイートするやつを作りました！

使い方

使うために必要なもの

• Googleアカウント (このご時世に持ってない人いるのかな…)
• Twitterアカウント
  • 電話番号の登録必須 (アプリ作成するのに必要)
• PC (スマホでもいけるかもですが、PC 作業前提で書いてます)

Twitterアプリの作成に電話番号が必須に！？ - てへまぐいらんー

設定手順

空のスプレッドシートを作成する

スプレッドシートにアクセス、ログインします。

Google スプレッドシート

空のシートを作成して、名前を適当に入力。例では「過去記事Bot」としています。

GAS を作成する

「ツール」 → 「 スクリプト エディタ」をクリック。別ウィンドウ(タブ)が開きます。

プロジェクト名、ファイル名を変更する

例では、プロジェクト名を「過去記事Bot」、ファイル名を「postOldEntryBot.gs」としています。

Twitter用ライブラリを読み込む

「リソース」→「ライブラリ」をクリック。

「ライブラリを追加」に 1rgo8rXsxi1DxI_5Xgo_t3irTw1Y5cxl2mGSkbozKsSXf2E_KBBPC3xTF と入力して「追加」をクリック。

追加できたら、バージョンを最新にして「保存」をクリック。

コードをコピペする

このコードをコピーして、先ほどのファイルに上書きします。[Ctrl] + [a] (or [Cmd] + [a])で全選択してコピーしたい、という方はこちらのリンクを開いてください。

コピペしたら、こんな感じ。 CONSUMER_KEY, CONSUMER_SECRET, BLOG_URL(, PROMOTE_OK, TARGET_SHEET, EXCLUDE_SHEET) は後で書き換えます。

Twitter アプリを作成する

Twitter アプリ管理サイトにアクセス、ログインします。

Twitter Application Management

アクセス後、「Create New APP」をクリック。

必要事項を入力する

必要事項を入力、チェックを入れて「Create your Twitter application」をクリック。必要事項は以下の通りです。

• Name*：適当、例では「HatenaOldEntryBot」
• Description*：適当、例では「Random pickup and hatena blog old entry.」
• Website*：自分のブログURL
• Callback URL：先ほど作成した GAS の URL の edit?... より手前部分をコピーして /usercallback を追加したもの
  例：https://script.google.com/macros/d/xxxx/usercallback

Consumer Key/Secret を再生成する

アプリケーション作成直後だと、上手く動作しないケースがあるようなので、一度 Consumer Key/Secret を再生成します。

「Keys and Access Tokens」タブをクリック、Access Level が「Read and write」になっていることを確認します。「Read and write」になっていることが確認できたら、「Regenerate Consumer Key and Secret」をクリックします。「Read-only」となっている場合は、次の手順で設定変更を行います。

「Read and write」の方はこの手順はスキップしてください。「Read-only」となっている場合は、隣にある「Permissions」タブ、もしくは「modify app permissions」の表示をクリック。

「Read and Write」を選択して、「Update Settings」をクリックします。画面が更新されたら、「Keys and Access Tokens」タブに戻って、「Regenerate Consumer Key and Secret」をクリックします。

「本当に再生成する？」と聞かれるので、「Regenerate Consumer Key and Secret」をクリックします。

画面が更新されて、Consumer Key/Secret が変わっていることが確認できれば OK です。

Consumer Key/Secret をコピーする

Consumer Key/Secret 再生成後、「Keys and Access Tokens」タブに表示される Consumer Key (API Key) と Consumer Secret (API Secret) をコピーします。 他人に漏らさないように注意してください。

コピーした Key, Secret ã‚’ GAS の先頭行に入力します。あわせて、 BLOG_URL も設定します。

PROMOTE_OK を設定する

過去記事ツイート時に、この記事の宣伝にご協力いただける方は PROMOTE_OK = true に、そうでない方は PROMOTE_OK = false に変更してください。 PROMOTE_OK = true の場合は、過去記事ツイートのリプライに、僕のツイートへのリンクがくっつきます。もっと色んな人に使って欲しいので、ご協力お願いします。

つぶやきたくない記事を設定する

過去記事Bot にツイートして欲しくない記事がある場合に設定。特にない方はスキップして OK です。

スプレッドシートに戻って、左下にある「＋」ボタンをクリック。新しいシートのA列に、対象の記事アドレスを入力してください。1行目のラベル(除外対象 と書かれてる部分)は別に無くてもOK、分かりやすいように付けてるだけです。チェックするのはA列だけなので、B列以降は好きに使ってください。僕は URL だけだと何の記事か分からないので、記事タイトルをメモしてます。

シート名を変更する場合は、TARGET_SHEET, EXCLUDE_SHEET も合わせて変更。

アプリケーションを認証する

認証を行う

「関数を選択」→「authorize」をクリック。

「authorize」が選択されていることを確認したら、再生マークをクリック。

Google の認証が必要(needs your permission to access your data on Google)と表示されたら「許可を確認」をクリック。この表示が出ない場合もあるので、その場合は先に進んでください。

スプレッドシートを作成した Google アカウントを選択(or ログイン)

「このアプリは確認されていません」と表示されたら、「詳細」→「"アプリ名"（安全ではないページ）に移動」をクリック。

Google のアクセス許可(アプリ連携)画面が表示されたら、「許可」をクリック。

エラーが表示されなければ実行完了です。1〜2秒程度で実行完了すると思うので、「表示」→「ログ」をクリック。表示される URL をコピーして、別ウィンドウ(or 別タブ)で開きます。

Twitter のアプリケーション連携設定画面が出たら、できることに「ツイートする。」があるのを確認します。問題なければ「連携アプリを認証」をクリック。 Success と表示されれば認証完了です。

できないこと側に「ツイートする。」がある場合、「キャンセル」をクリック。この手順からやり直してみてください。

認証がうまくいかない場合

keroyon (id:zaihamizunogotoshi) さんの「過去記事bot、なんとか作成・動作完了。』日記」に 書かれてますが、Twitter アプリの設定でうまくいかない場合があるそうです。

認証がうまくいかない方は、こちらも参考にしてください。

「Callback URL LockedがYes」になってると、アプリの認証ができませんでした。
これをNoにするために、TwitterアプリのSetting画面の下の方に「Enable Callback Lockingなんやらかんやら」をOFFにして、一番下の「UpdateSetting」を押す。
Details画面で、「Callback URL Locked　No」を確認。
これでGASから認証ができました。
認証がおわれば、この設定はYESに戻しても動くみたい。
過去記事bot、なんとか作成・動作完了。 - keroyonの『精進なんてやーめた』日記

過去記事bot、なんとか作成・動作完了。 - keroyonの『精進なんてやーめた』日記

スクリプトの動作確認を行う

記事情報を抽出する

記事情報を抽出できるか確認しておきます。「scrapingHatenaBlog」を選択して、再生マークをクリック。

スプレッドシートに記事情報が出力されれば成功。念のため、漏れが無いかざっと確認を。

記事情報をクリアする

Bot は常に最新の記事情報を保持しておくために、一度シートをクリアしてから最新情報を取得するように設定します。シートのクリアが動作するか確認しておきます。「clearSheet」を選択して、再生マークをクリック。スプレッドシートが空っぽになっていれば成功。

過去記事をツイートする

過去記事ツイートを動作確認します。「scrapingHatenaBlog」を実行して、記事情報が抽出された状態にしておいてください。

記事情報がスプレッドシートに抽出された状態で、「postOldEntry」を選択して再生マークをクリック。

以下のようにツイートがされていれば成功です。

自動実行を設定する

ここまでで GAS が正常に動作して、過去記事をツイートできることまで確認できました。あとは実行タイミングを設定したら終了です。

「大体の時間に投稿する方法」と「きっちり指定時刻に投稿する方法」の 2種類があるので、順番に説明します。

大体の時間に投稿する方法

こちらの方法は「20時〜21時のどこかで投稿」という感じ。

昨日は20:00に投稿、今日は21:00に投稿、という風に、最大 1時間のずれが出るかもしれません。

時計マークをクリック、「今すぐ追加するには〜」をクリックしてトリガーを追加していきます。

以下の写真はこんな設定になっています。お好みのタイミングや間隔を設定してください。

AM3〜4時にスプレッドシートを空にして
AM4〜5時に記事情報を抽出して
6時間おきに過去記事をツイートする

「通知」をクリックすると、GAS が起動失敗した時に通知を受け取れるように設定できます。必要に応じて設定してください。

きっちり指定時刻に投稿する方法

コード25行目あたりにある、投稿時刻(POST_TIMES)を設定します。13:30 と 21:45 に投稿したい場合は、こんな感じです。

var POST_TIMES = [
  "1330",
  "2145",
];

トリガーの追加方法は 1つ前の「大体の時間に投稿する方法」に書いてるので、そちらを見てください。

注意点はこんな感じです。

「PostOldEntry」は使わずに、「deleteTrigger」「setTrigger」を使う
必ず「deleteTrigger」→「setTrigger」の順になるよう時刻を設定する
「setTrigger」は「POST_TIMES」の投稿時刻より前に動かす

設定完了です、お疲れ様でした

これで全ての設定が完了です、お疲れ様でした。心配症な方は、定期実行の動作確認も行っておくと良いでしょう。

「導入したよ」って方は、ブックマークコメントで教えてもらえると嬉しいです！差し支えなければ、導入事例に書かせて頂きます。

ツイート内容をカスタマイズしたい

コードの140行目あたりを変更してください。具体的には以下のコード。

  var tweetStr = ""
  tweetStr += "🤖<ｶｺｷｼﾞ!! "
  tweetStr += "#過去記事bot #はてなブログ \n"
  tweetStr += url + "\n"
  tweetStr += "🕘" + published + " 投稿\n"
  tweetStr += "🔃" + updated + " 更新\n"
  tweetStr += "📰" + title + "\n"

以下の内容をセットにしてツイートしてます。絵文字の変更や、不要な情報の削除などご自由にどうぞ。

• ロボット (かわいい
• ハッシュタグ (#過去記事bot #はてなブログ)
• 記事URL
• 投稿日時
• 更新日時
• 記事タイトル

ポイントとか苦労した点とか

はてなブログの RSS Feed は http(s)://(BLOG URL)/rss or http(s)://(BLOG URL)/feed で取れる。rss と feed ではフォーマットが異なる。今回は feed を利用
RSS Feed の2ページ目以降は ?page=xxxx で取得可能。xxxx の部分は UNIX TIMESTAMP!!
Twitter の文字数制限は日本語(全角)で140文字、半角だと280文字。半角/全角 混在ケースの考慮が面倒
URL は最大23文字でカウント
最大文字数を超過したら、末尾トリミング。よほど長いタイトルでない限りは大丈夫

はてなブログのRSS配信URLは２つあった！ - tarのブログるっ by @tarVolcano
Twitterの文字数カウントの新仕様について - Qiita
Twitter、画像やURLを貼っても文字数は140文字のままに - 週刊アスキー

その他 参考にしたページ

GoogleAppsScriptで日付をフォーマットする
2バイト文字は2として文字列の長さをカウントするGoogleAppsScript関数
JavaScriptで文字列を指定バイト数で切り取る｜プログラムメモ
Twitter REST APIの使い方
Google Apps Script (GAS) でTwitterへ投稿するだけの機能を実装してみる
Twitterアプリで"Desktop applications only support the oauth_callback value 'oob'"って出た時の対処
Google Apps ScriptでTwitter botを作ってみた
【Twitter】GASで自分のツイートを定期RT/引用するbotを作った

導入事例

• id:shidoma (@shidoma2622) さん

• id:beed (@beedhateblojp1) さん

• id:min0124 (@MIN0124_) さん

すいみん(id:min0124)さんは、コードを改造してるので「【GAS】ブログ記事をスクレイピングして投稿!Twitter Botの作成方法 - CGメソッド」も要チェックです。改造されてるのは以下の2点。

記事タイトルの【】の中身をハッシュタグ指定
投稿時刻の正確な指定

• id:yuki_2021 (@yuki_20211) さん

• id:nemkd12 (@nemkd12) さん

• id:zaihamizunogotoshi (@keroyon0001) さん

まとめ

はてなブログでも全自動で過去記事ツイートができるよ
一回設定すれば、新しい記事も自動でツイート対象になるよ
ツイートして欲しくない記事も設定できるよ

過去記事Bot で読者増やすグワ〜！けど、やりすぎは逆効果だから注意するグワよ〜。

気に入ったり、導入したなら、はてブよろしくグワ！

SNSマーケティングのやさしい教科書。 Facebook・Twitter・Instagramーつながりでビジネスを加速する技術

posted with ヨメレバ

株式会社グローバルリンクジャパン/清水将之 エムディエヌコーポレーション 2016-10-03

Amazon

Kindle

楽天ブックス

楽天kobo

7net

Amazon プライムのメリット総まとめ
スペース倍増！キッチン作業が最高に捗る突っ張りキッチンラック
【Amazonプライム】内村さまぁ～ず第1〜50回から選ぶ爆笑ベスト10

便利なテクニックや、はてなブログ用botなど Twitter 記事 全まとめ
ヘッダ部分にオシャレなアニメーションを追加しよう
吹き出しにアニメーション追加する方法
仮想通貨ウェブフォント導入で色んなコインを表示しよう
【コピペ導入】はてなブログでコピペを検出して通知する方法(仮)【パクリ対策】
2018年3月版 はてなブログpro・独自ドメインに移行した時にやること まとめ