お問い合わせフォーム の検索結果:

Google Apps Script(GAS) で reCaptcha 認証をする

…したように当サイトのお問い合わせフォームメールにスパムがくるようになりましたので reCaptcha を導入しようと、その記事ではクライアント側だけのバリデーションを試しましたが、やはりこれでスパムをはじくのは難しく、なんとかサーバー側、この場合は Google Apps Script(GAS) ですので、GAS で認証チェックできないかとやってみました。 可能です。成功しました! reCaptcha 認証とは Google Apps Script で reCAPTCHA 認…

はてなブログの Googleフォームに reCaptcha を導入

…pt はてなブログのお問い合わせフォームに hidden 型追加 Google reCaptcha 「私はロボットではありません」にチェックするように促されるアレです。 reCAPTCHA: Easy on Humans, Hard on Bots 上のは v2 ですが、現在は v3 になっているようです。v3 がどういうものかわかっていませんので v2 でやってみます。 reCaptcha の考え方は、事前に発行されたサイトキーを使ったトークンをサーバーに送り、サーバーでは…

はてなブログのお問い合わせフォームに hidden 型追加

当サイトのお問い合わせフォームは Google Forms を利用していますが、全くそのようには見えないはずです。その方法については、下記記事で公開しています。 www.imuza.com ポイントは、Forms で作成したフォームの action属性と input要素の name属性を持った同じ構成のフォームを固定ページで作り、送信後に Formsから送られてくる送信完了ページをブログ内の非表示 iframeで受けるというものです。詳細は上記記事をご覧ください。 で、今回は…

AmebaOwnd に完全カスタマイズお問い合わせフォームを導入

完成画像 AmebaOwnd の HTML挿入は iframe になる Google Form 作成 HTMLコード 確認メールとお知らせメールを GASから送信 お問い合わせ等 Ameba Ownd(アメーバオウンド)に GoogleForm を自サイト内のページとして完全カスタマイズできるように埋め込む方法です。この方法はすでに以下の記事にあるように「はてなブログ」で運用している当サイトで実現させている方法でもあります。今回、相談を受け試してみましたら、以下の通り自サイト…

Google Form を自前のフォームで実装(はてなブログで完全カスタマイズ可)

…ん)、はてなブログにお問い合わせフォームを実装しようとして Google Form を完全カスタマイズする方法はないかと試行錯誤した際、フォームのパーツだけ取り出して submit すればいいところまではできたのですが、送信後に Google Form に遷移してしまうことをどうすることもできなくあきらめた経緯があります。 お問い合わせフォームを実装する 今回、送信後のページ遷移を自サイト、つまりはてなブログのページにすることができたという話。 改訂版があります。 Googl…

はてなブログに Google Form を iframe で埋め込む

当サイトの 「 お問い合わせフォーム 」の実装方法です。 次の記事も参考にしてください。 iPhone で iframe を fixed にする場合の問題 iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない 仕様は次の記事を参考にしてください。 はてなブログにお問い合わせフォーム実装 Google Form の作り方は次の記事をご覧ください。 はてなブログにお問い合わせフォーム Google Forms HTMLコード Javas…

はてなブログにお問い合わせフォーム実装

やっと当サイトにお問い合わせフォームを実装できました。 ここに至る前記事2つです。 iPhone で iframe を fixed にする場合の問題 iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない モバイル、タブレットの仕様 デスクトップの仕様 モバイル、タブレットの仕様 前記事にありますように、iPhone での iframe の挙動に苦労しました。 結局、次の仕様にしました。 カスタマイズ > フッタ に <div id=…

iPhone で iframe を fixed にする場合の問題

…le Forms でお問い合わせフォームを作ろうとしているのですが、iframe をポップアップで表示する際に iPhone で引っかっています。 Googleフォーム自体は、すでに別記事で完成していますのでリンクで済ませればいいんですが、始めてしまったがために深みにはまり込んでしまった感じです(笑)。 reCAPTCHA がはみ出す iframe の Googleフォームを fixed で表示する fixed が iPhone ではスクロールしない キーボードを出すと fi…

はてなブログにお問い合わせフォーム Google Forms

はてなブログにお問い合わせフォームを作ろうと思いググりましたら、やはり欲しいと思われる方が多いようで結構ヒットします。 「Google フォーム」の記事が多いですね。 やってみました。 Google フォームにアクセスする フォームを作成する メールアドレスを収集する 確認メッセージの作成 通知をメールで受け取る Google フォームで回答(問い合わせ)を確認 回答者(問い合わせ者)へのメール はてなブログでの使い方 Google フォームにアクセスする www.googl…