Google フォームを reCaptcha 付でブログに埋め込む – IMUZA.com

当サイトでは Googleフォームを使ってお問い合わせ用のフォームメールを導入しています。iframe で埋め込むのではなく、form 内の要素だけを取り出し完全にブログのスタイルにカスタマイズできるようにしています。 お問い合わせ – IMUZA.com その Googleフォームがどうやら最近仕様変更があったようでエラーが出たりしていましたので過去の記事を見直しあらためて手順をまとめました。 Googleフォームをつくる プレビューのソースからaction属性、name属性を取り出す action 属性 name 属性 自前のフォームをつくる 送信後のGoogleフォームの画面遷移を止める reCaptcha を導入する reCaptcha にサイトを登録する HTML に reCaptcha を導入する Google Apps Script で reCaptcha を認証する お問い

[kazukichi_0914]

“<div id="formWrapper"> <form action="https://docs.google.com/forms/**********" method="post"> <label>メールアドレス</label> <input type="email" name="entry.**********" value="" required p”