このたび、a-blog cms のエントリーに「いいね」ボタンを追加できる拡張アプリ 「DFいいね」 を公開しました。
GitHub にて無料で公開しています。
最新版ダウンロード: https://github.com/datafarmjp/acms-df-like/releases/latest
記事にちょっとしたリアクション機能を付けたい
読者の反応を、もう少し見える形にしたい
でも、テンプレートを大きく変更したり、独自実装したりするのは少し大変
そんなときに使える、a-blog cms 向けの拡張アプリです。
「DFいいね」とは
「DFいいね」は、a-blog cms のエントリーに「いいね」ボタンを追加し、クリック数の集計やランキング表示まで行える拡張アプリです。
記事を読んだ人が、コメントを書くほどではなくても、軽く反応を残せる仕組みを作ることができます。
主な機能
タグを書かずに自動表示できます
通常、新しい機能を追加する場合は、テンプレートに専用のタグを追記する必要があります。
「DFいいね」では、管理画面で設定するだけで、各エントリーに「いいね」ボタンを自動表示できます。
もちろん、表示位置にこだわりたい場合は、専用のテンプレートタグを使って、任意の場所に設置することもできます。
サイトに合わせてデザインを調整できます
管理画面からボタンの見た目を調整できます。
ハートや拍手などのアイコン選択
アイコンなしの表示
ボタン色の変更
角丸サイズの調整
変更が自動で反映されるプレビューを使って、リアルタイムに確認しながら、自然なリアクションボタンとして設置できます。
通知・集計で読者の反応を確認できます
「いいね」が押されたときに、a-blog cms のフォーム機能を使って通知を受け取ることができます。
また、管理画面では、どの記事に、いつ、どのくらい「いいね」が押されたかを確認できます。
グラフやランキングで反応が見えるため、サイト運営や記事更新の参考になります。
- 「どの記事が読者に届いているのか」
- 「どんな内容に反応があるのか」
そうした小さな手がかりを、日々の運用に活かせます。
人気エントリーの表示にも対応しています
ログインをしていなくても「いいね」の集計結果を表示することもできます。
単なる管理用の集計だけでなく、サイト内の回遊や記事の見せ方にも活用できます。
CSVでインポート・エクスポートできます
CSVによるインポート・エクスポートにも対応しています。
他の仕組みからの移行や、集計データのバックアップなどにも利用できます。
開発の背景
これまでデータファームでは、a-blog cms のフォーム機能などを活用して、「いいね」のような仕組みを個別に実装していました。
ただ、案件ごとに個別実装していくと、設定方法や管理方法、集計の見通しがバラバラになりやすくなります。
もう少し導入しやすくしたい
管理画面から扱いやすい形にしたい
同じような要望が出たときに、再利用しやすい仕組みにしたい
そうした考えから、拡張アプリとして整理したのが「DFいいね」です。
ブログやエントリーの更新を、少しでも楽しく
読者からの小さなリアクションが見えるだけでも、サイト運営は少し楽しくなります。
記事を書いた人にとっても、「読まれている」「反応がある」と感じられることは、更新を続ける力になります。
「DFいいね」が、a-blog cms でのサイト運営を少し楽しく、少し続けやすくする道具になればうれしいです。
ダウンロード・導入方法
ダウンロードや詳しい使い方は、以下をご確認ください。
最新版ダウンロード: https://github.com/datafarmjp/acms-df-like/releases/latest
a-blog cms 拡張アプリ開発のご相談も承っています
今回公開した「DFいいね」は、株式会社データファームが a-blog cms の運用改善に取り組む中で開発した拡張アプリです。
株式会社データファームでは、サイト運用に合わせた拡張や、管理画面の作業を減らすための仕組みづくりも可能です。
たとえば、次のようなご相談に対応できます。
サイト運用に合わせた独自機能を追加したい
管理画面での面倒な作業を減らしたい
フォームやエントリー情報を活用して、運用しやすい仕組みを作りたい
小さな業務改善を、拡張アプリとして形にしたい
内容がまだ固まっていない段階でも大丈夫です。
「こういうことはできるのかな?」という段階から、a-blog cms の運用や拡張についてご相談いただけます。
動画による解説
- [00:00] 拡張アプリ「DFいいね」の概要と無料ダウンロードについて
- [00:27] 実際の表示例:エントリー内の「いいね」ボタン
- [00:51] 自動表示の設定:タグを入れずにボタンを設置する方法
- [01:12] プレビュー機能:アイコン・色・文言のカスタマイズ
- [01:51] 手動設置:好きな場所に配置するための専用タグ
- [01:55] 通知設定:a-blog cmsのフォーム機能との連携
- [02:33] データ移行:CSVファイルのインポート・エクスポート
- [02:54] 集計画面:ブログごとの集計とグラフ表示
- [03:27] 外部公開:非ログインユーザー向けの人気エントリー表示
- [04:48] 管理の効率化:エントリー一覧での「いいね数」表示
- [05:51] 開発のこだわり:設定の簡略化と通知のメリット
- [06:54] まとめ:今後のアップデートについて
投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。
お困りごとをお聞かせください。
a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。
他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。
投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。
その他のa-blog cms一覧
-
FileMaker
FileMaker の自習室にて「Claris Connect 経由で Zoom のミーティングを作成する(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話zoom予約自体は、管理画面から簡単に作ることができます。なので最初は「そこまで必要かな」って思ってたんですよね。で...
続きを読む
-
技術
ごじゅのを作るにあたって気をつけたこと
ごじゅのをオープンベータでリリースして。少しずつ参加者が増える形で楽しんでもらっています。五十音で遊ぶ連想ゲームhttps://gojuno.jp/ja/毎日通ってくださる方、思い立ったときに遊んでくださる方。一度みて...
続きを読む
-
FileMaker
FileMaker の自習室にて「Claris Connect 経由で Google Translate の翻訳を利用し、レイアウト上のラベルを切り替える(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話Google翻訳自体は、海外のサイト巡回などで毎日使っています。ですが、実際にFileMakerをからめて使うことがあるかという...
続きを読む
-
技術
無料の言葉パズル「ごじゅの」オープンベータ版を公開しました
株式会社データファームは、五十音から言葉を作って得点を競うブラウザゲーム「ごじゅの」のオープンベータ版を公開しました。登録不要で、スマートフォンやパソコンのブラウザから1日1回無料で遊べます。「ごじ...
続きを読む
-
FileMaker
A tool for “looking at and thinking about” FileMaker’s DDR: DF-DDR inspector
The blog post is a bit long, so if there’s a feature that catches your interest, please click and take a look. FileMaker includes a feature called DDR (Database Design Report), which outputs the st...
続きを読む
-
FileMaker
FileMakerのDDRを「見て考える」ためのツール、DF-DDR inspectorを作りました
ブログが少し長いので、気になる機能があれば、クリックして見てください。 FileMakerには、データベースの構造を出力するDDR(Database Design Report)という機能があります。テーブル、フィールド、リレーショ...
続きを読む