Bloggerでいいね👍️ボタンを実装する

 

Bloggerには読者が運営者にリアクションを伝える手段というものが用意されていません。WordPressではプラグインが多数揃っていますが、Bloggerではプラグインがないため外部のサービスと連携して自力で実装する必要があります。

今回紹介するのはGoogleのGoogleフォームと連携する方法、Googleスプレッドシート+GASを利用する方法です。いずれも難易度はやや高いためテンプレートのバックアップを忘れないようにしてください。

Googleフォームで項目を作成し、BloggerのHTMLにいいね送信フォームを設置します。お礼のコメントを表示させるためのスクリプトを記述するという流れです。

いいね! のトータルカウントが表示されます。

一応、この記事の読者はHTMLやJavaScriptについてある程度の知識があるか、調べればわかる能力のある程度の人が望まれます。

とあるようにBloggerを含めてWebのカスタマイズなどの経験者が前提となっています。スプレッドシート+GAS+JavaScriptを利用しています。

まつさん
当ブログにも👍️ボタンを実装しています。
むーなかさんの着想をベースにChat GPTに作成してもらったコードでスプレッドシートとGAS+JavaScriptで実装しました。