メルマガ登録フォームの解約ページの実装

ryo-k-nd / voila

MIT License

0 stars 0 forks source link

メルマガ登録フォームの解約ページの実装 #23

Closed ryo-k-nd closed 4 years ago

ryo-k-nd commented 4 years ago

メルマガを解約できるページ

<form name="contact" method="POST" data-netlify="true" netlify className="newsletter__form">

name属性をユニークにする
netlifyという属性をformで使う
下記のhiddelフォームを挿入する(これがないとgatbyでは動かん)
```
<input type="hidden" name="form_name" value="form_name" />
```

mito-newsdigeset commented 4 years ago

[アイデア] メールアドレスまたは購読者の固有IDなどをクエリストリングで付与してこのページに飛んでくると、自動で解約してくれる機能ができたら好き。

[背景] メルマガ本文のフッダにある「解約する」みたいなリンクを押すと、ユーザはなんの入力をしなくても勝手に解約してくれる、よくある気が効くサイトの真似をしたい。

ryo-k-nd commented 4 years ago

リッチに作るなら、登録の時点でメアドだけでなく固有のID(タイムスタンプかなにか)をhiddenでフォームに渡しておき、解約時にはその固有IDがパラメータとして付与されたリンクで解約処理を行わせ、netlify上のデータベースからはAPIで削除する、という感じかな(Netlifyに固有IDはないのでこちらで生成する必要がある。また、ユーザーアクションを起点とする削除はAPIで実装できそう) https://docs.netlify.com/forms/submissions/#delete-a-form-submission

ryo-k-nd commented 4 years ago

簡単に作るなら、2ステップは確認のためにも必要かなと思ってるので、

メール内の「解約」リンクをクリックする
サイト内解約ページ( /newsletter/cancel )に遷移し、「完了」ボタンをクリックする
解約が完了するというかんじかな。

2の時点でURLにメアドがパラメータとして付与され、単純にメルマガ登録字とは別フォームに「解約者リスト」として登録され、鈴木さんが手動でメルマガ配信リストから削る