たぶんGoogleフォームでの拍手できたんですが(雑に組んでるのでラベルが適当です)
<div class="clap">
<form
action="https://docs.google.com/forms/(個別のID)/formResponse"
method="post" target="hidden_iframe" onsubmit="submitted=true;">
<div>
<input name="entry.(個別のID:A)" value="👏" id="field-clap" type="radio" required="required" />👏
<input name="entry.(個別のID:A)" value="💖" id="field-clap" type="radio" required="required" />💖
<input name="entry.(個別のID:A)" value="🌟" id="field-clap" type="radio" required="required" />🌟
</div>
<div>
<input name="entry.(個別のID:B)" type="hidden" value="[[COMMENT:TITLE:30]]">
</div>
<div>
<input name="entry.(個別のID:C)" type="hidden" value="[[PERMAURL:FULL]]">
</div>
<div>
<button type="submit">送信する</button>
</div>
</form>
<script type="text/javascript">
let submitted = false;
</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display: none" onload="if(submitted){
}else{
window.location='#';}"></iframe>
</div>
これでできるんだけど、CSVを下に表示するのがなんか再現できず…あとできたとしても思ったような表示にはならなそう
(掲示板っぽい表示になるなら掲示板としててがろぐを使ったほうがいいと思うため)なので実装しないかなあ と思います
できればボタンの横に合計値を出してほしい
ラベルの横にGoogleフォームで合計値を出せばいいのだが動的に増えるトリガー(URL乃至ポストIDになると思いますが)sumif関数を組んで表示させるほどの技術力がない
あと私がいいねボタンを使わないのでモチベがない…という
もし使う人がいる場合は利用規約(Googleフォームを使った場合にフッターに表示されるやつ)をリンクしたほうがいいのではないか という意見も見かけたので、
利用規約 プライバシーポリシー この辺もどこかに追加してあげてください
そもそもこれはGoogle公式に推奨される使い方はないということで もうここでも大手を振ってやることはないでしょう
いいねボタンがMITということで改造すればいいのでは?→たしかに
そもそも全角表示が非推奨なのはCSV保存だから?
JSONならそんなこともない?どっちもエスケープできるんでは(それをしないで実装するとは思えないし)
というか今の段階でも全角でdata-iinenameを指定できるならそれでもいいのでは…(公式には推奨されていないですが)
ちょっと何も使わずに今考えてるのであとで実験してうまくいったらなんとかしてみます
まあ選択肢は多いほうがいいと思うのでできるだけ扱いやすいものを考えます
参考サイト
Google FormをHTML/CSSでデザインしたフォームで運用する方法
静的サイトにHTMLとJavaScriptだけでコメント投稿機能を作る
<div class="clap">
<form
action="https://docs.google.com/forms/(個別のID)/formResponse"
method="post" target="hidden_iframe" onsubmit="submitted=true;">
<div>
<input name="entry.(個別のID:A)" value="👏" id="field-clap" type="radio" required="required" />👏
<input name="entry.(個別のID:A)" value="💖" id="field-clap" type="radio" required="required" />💖
<input name="entry.(個別のID:A)" value="🌟" id="field-clap" type="radio" required="required" />🌟
</div>
<div>
<input name="entry.(個別のID:B)" type="hidden" value="[[COMMENT:TITLE:30]]">
</div>
<div>
<input name="entry.(個別のID:C)" type="hidden" value="[[PERMAURL:FULL]]">
</div>
<div>
<button type="submit">送信する</button>
</div>
</form>
<script type="text/javascript">
let submitted = false;
</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display: none" onload="if(submitted){
}else{
window.location='#';}"></iframe>
</div>
これでできるんだけど、CSVを下に表示するのがなんか再現できず…あとできたとしても思ったような表示にはならなそう
(掲示板っぽい表示になるなら掲示板としててがろぐを使ったほうがいいと思うため)なので実装しないかなあ と思います
できればボタンの横に合計値を出してほしい
ラベルの横にGoogleフォームで合計値を出せばいいのだが動的に増えるトリガー(URL乃至ポストIDになると思いますが)sumif関数を組んで表示させるほどの技術力がない
あと私がいいねボタンを使わないのでモチベがない…という
もし使う人がいる場合は利用規約(Googleフォームを使った場合にフッターに表示されるやつ)をリンクしたほうがいいのではないか という意見も見かけたので、
利用規約 プライバシーポリシー この辺もどこかに追加してあげてください
そもそもこれはGoogle公式に推奨される使い方はないということで もうここでも大手を振ってやることはないでしょう
いいねボタンがMITということで改造すればいいのでは?→たしかに
そもそも全角表示が非推奨なのはCSV保存だから?
JSONならそんなこともない?どっちもエスケープできるんでは(それをしないで実装するとは思えないし)
というか今の段階でも全角でdata-iinenameを指定できるならそれでもいいのでは…(公式には推奨されていないですが)
ちょっと何も使わずに今考えてるのであとで実験してうまくいったらなんとかしてみます
まあ選択肢は多いほうがいいと思うのでできるだけ扱いやすいものを考えます
参考サイト
Google FormをHTML/CSSでデザインしたフォームで運用する方法
静的サイトにHTMLとJavaScriptだけでコメント投稿機能を作る