すべてのカテゴリ

よくあるケースですが、Webサイトにお問い合わせページを作成する場合は、プライバシーポリシーの明記が必須となります。ここではプライバシーポリシーについて、簡単に説明したいと思います。プライバシーポリシーとは？企業がお客様や従業員の個人情報をどのように扱っているのか、そのルールをまとめた文書です。例えば、どんな情報を集めているのか、その情報をどのように利用するのか、そして、その情報を安全に守るためにどのような対策をしているのかなどが書かれています。なぜプライバシーポリシーが必要なの？個人情報保護法という法律で、企業は個人情報を適切に扱うことが義務付けられています。プライバシーポリシーは、この法律に基づいて、企業がお客様や従業員に対して、自分の個人情報がどのように扱われているのかを分かりやすく説明するためのものです。プライバシーポリシーを作成するメリット・信頼性の向上: プライバシーポリシーを作成することで、企業はお客様や従業員から信頼を得ることができます。・リスクの軽減: 個人情報に関するトラブルを防ぐことができます。・法令遵守: 個人情報保護法などの法律に違反するリスクを減らすことができます。プライバシーポリシーに書くことどんな個人情報を集めているか: お客様の名前、住所、メールアドレスなど、具体的にどのような情報を集めているのかを記載します。・個人情報の利用目的: 集めた個人情報をどのように利用するのかを具体的に記載します。例えば、「商品やサービスを提供するため」「お問い合わせに対応するため」など。・個人情報の安全管理: 個人情報を安全に管理するための対策を記載します。例えば

LP(ランディングページ)のページに最後に「お問い合わせはこちら」と言ったボタンをよく見かけると思います。そのボタンをクリックするとお問い合わせフォームのページに遷移し、フォーム入力が完了すると、サンキューページが現れて問い合わせ完了！というのが一般的な流れです。しかし、昨今問い合わせフォームからの問い合わせが減ってきていると言われています。そこで今回はLP(ランディングページ)のEFO(エントリーフォームオプティマイゼーション=最適化)についてポイントを簡単に紹介します。個人情報の意識の高まりエントリーフォームから問い合わせするということは、言い換えると「営業されてもよいですよ」だと言っても良いでしょう。インターネットが普及してだいぶ年月が経ち、ユーザーもフォームに個人情報を入力したら営業されることぐらいお見通しです。それだけに、個人情報をたくさん入力しなければならないフォームは離脱率が高まっています。逆に簡単な入力項目・個人情報の項目が少ないフォームは入力されやすくなります。もちろん、会社としてはお客様のリスト獲得は最重要課題と言ってよいでしょう。ただし、工夫やお客様の心理を理解しておかないと一向に反響数は上がりません。リンク1回は意外と手間問い合わせをする際にリンクボタンをおして、フォームのページに移動するケースは多いでしょう。しかし、最終反響を得るまでのクリック回数は最大３回までがよいと言われています。「最大」ですので、クリックと言う手間はより少ない方が良いでしょう。そう考えると、フォーム画面に遷移して・・・という流れは結構面倒な気がします。そう考えると「やっぱりいいや

FirebaseでSendGridを利用するSendGridというサービスをご存じですか？ SendGridはE-Mailを配信するためのサービスです。メルマガやニュースレターのように、登録したユーザーにメッセージを一括して配信したりすることができます。また、配信の日時を予め設定して配信したりする事もできます。 さらに、配送したメッセージのトラッキングなどの機能を提供しています。メッセージが届いたか、メッセージが開封されたかなどのイベントを追跡してマーケティングなどに役立てることもできます。 SendGridのサービスの利用方法 SendGrid自体も、Webサイトを提供していて、Webサイトから様々な設定やメッセージの配信が可能です。従って、特にプログラミングをしなくてもサービスを利用することができます。 サービスは無料から利用可能です。１日あたり１００通までのE-Mailの発想は無料プランで利用できます。（アメリカでSendGridが提供する無料プランの場合） 日本では、いくつかの代理店がSendGridのサービスを提供しています。構造計画研究所の提供するプランでは、月に１２，０００通までのE-Mailが無料となっています。（2020年11月現在） SendGridのサービスの仕組み SendGridのサービスは既存のE-Mailアドレスを使ってメッセージを配信するサービスです。SendGridがE-Mailアドレスを提供するわけではなく、すでに取得しているE-Mailアドレスを使って、SendGridの配信システムを使ってE-Mailを送るサービスです。つまり、

Firebaseのバックエンドを利用したお問合せフォームの作り方！Firebaseのバックエンドでのお問合せフォームの処理のやり方を紹介しました。 この記事では、バックエンド処理でお問合せフォームのサービスを実現する方法について解説しています。今回紹介する例の方針は： * シンプルなバックエンドの処理の組み込み方の例 * フロントエンドとの連携 に重点を置きました。 シンプルにするために、フロントエンドの実装はシンプルなHTMLファイルで対応しています。今回の例ではフロントエンドでは一切プログラムは利用していません。 Firebaseのプロジェクトフォルダ FirebaseのプロジェクトをFirebaseコンソールで作成して、Firebaseのプロジェクトフォルダ（公開用のデータを置くフォルダ）を作成します。 Firebaseコンソールでは、データベース（Cloud Firestore）の作成を行います。 セキュリティルールは本番用（production mode）で問題ありません。 今回は、データベースにはバックエンド側からしかアクセスしないので、シンプルにフロントエンドからのアクセスは禁止にして問題ありません。 セキュリティルールの設定例です。 rules_version = '2'; service cloud.firestore {   match /databases/{database}/documents {     match /{document=**} {       allow read, write: if false;     }   }

Firebase と SendGrid で作るちょっと便利なお問合せフォームFirebase のデータベース機能（Cloud Firestore）を利用してお問合せフォームを作る例を紹介しました。これは、お問合せ内容を Firebase のデータベースに入れて管理する方法です。 この方法の欠点は、お問合せ内容を定期的に確認する必要があります。Firebase コンソールからも確認はできますが、実際の運用をするにはちょっと不便です。そこで、管理用のアプリをReactやVueで作る事例も紹介しました。 しかし、お問合せだけ別に確認するのはちょっと面倒ですよね？ そこでこの記事では、お問合せフォームで入力した内容を E-Mail で送る事もできるという話を紹介します。 Web サービスから E-Mail を送るのはちょっと面倒 E-Mail はメールサーバーがまとめて受信したり、配送したりするシステムです。通常は Web のサービスとは独立のシステムから配送されるようになっているので、シンプルな JavaScript（Typescript）から送るのはちょっと面倒です。 しかし、お問合せ内容が E-Mail から確認できると便利だと思いませんか？ 特別なアプリなしに、携帯（スマホ）からも簡単に確認できますし、管理用のアプリも必要ありません。お問合せも連絡先を E-Mail で頂いた場合は返信も E-Mail になるので E-Mail で確認できたほうが便利で、素早く回答も可能になります。 Firebase を使うと簡単に E-Mail に送る方法があります！ Fireb

FirebaseとReactで作るお問合せ管理Vueでの事例を紹介しましたが同じアプリをReactで！ 前回はフロントエンドのフレームワークとしてVueを使ってFirebaseの機能を取り込んだWebサービス・Webアプリの事例を紹介させて頂きました。 今回は、Vueとならんで広く利用されているフレームワークReactを使った事例を同じお問合せフォームの管理アプリで紹介します。FirebaseとReactを組み合わせて使う場合、Vueの場合と同様に「npm」の活用が便利です。Firebaseのモジュールもインストールしてしまえば、簡単にReactのプロジェクトのコードから呼び出す事ができます。Reactを使うための準備「create-react-app」のインストール Vueの場合Vue CLIを使いましたがReactの場合は、「create-react-app」を使います。このパッケージを使うとReactのサンプルプロジェクトを作成してくれます。VueのようなUIはサポートされていませんが実用上は全く問題ありません。 「create-react-app」のインストールは以下のコマンドで行います。 $ npm install -g create-react-appReactのプロジェクトの作成create-react-app」のインストールが済んだら、まずReactのプロジェクトを作ります。VueのようなUIはありませんがコマンドを一つ実行するだけです。 $ npx create-react-app [プロジェクトの名前] --template typescript 今

Firebaseのデータベースで作る簡単お問合せフォームFirebase のデータベース機能を使えば、お問合せフォームはとても簡単に実現できます。 お問合せフォーム自体は一つの HTML ファイルで実現できます。簡単な HTML の記述と、CSS で体裁を整えればあとは簡単な JavaScript を追加するだけです。 HTML ページで Firebase を使うための準備 一番シンプルな方法は HTML のページの「head」の中で Firebase を設定する事ができます。 Firebase コンソールで「プロジェクト設定（Project settings）」 に行けば必要なプロジェクトの情報を得る事ができます。 やり方は２つあって、Firebase のホスティングを使う場合はシンプルです。 プロジェクトの情報を入れなくても自動で読み込んでくれるので以下の情報を HTML の「」タグの内側に埋め込めば HTML ページ上で Firebase を使うことができます。Firebaseを利用する場合、Firebaseでホスティングした方が いろいろ便利です。 ココナラのブログでは、コードを埋め込んで綺麗に表示するのが難しいので詳しいコードの実装方法は省略します。（すみません！）Firebaseでホスティングする場合は、簡単な記述を埋め込むだけでプロジェクト毎に異なる情報をいちいち記述する必要がなくなります。基本の記述があれば、詳細は自動で読み込んでくれる仕組みになっています。これだけでも、ホスティングまで含めてFirebaseで作ってしまうメリットがあります。HTMLでフォームを

●オンラインでアンケートフォームを作りたいのですが、どのフォームがオススメですか？●どうやって作ればよいかいまいちよく分かりません。●アンケートフォームにいろいろな機能がありすぎて良く分からない！●アンケートを作ったけど、どうやってアンケートフォームを回答者に送ったり、回答を分析すればよいか分からない！最近、僕の元にこういったご質問をよくいただきます。僕自身、去年までは紙ベースの申込書やアンケート用紙を使っていましたが、管理や集計が大変で、集計も外注に出すと数万円のコストがかかり、とても苦労していました。しかし、Google formに出会ってからは完全無料で、簡単にフォームを作成でき、かつ集計も瞬時に表示されるので、スピーディーに結果を分析することが可能です。今回の記事では皆様からいただく疑問点をもとに、初心者の方も簡単にフォームを作成できるようになる手順をまとめましたのでご確認ください。１． Google formとは Googleフォームとは、Googleのサービスの1つとして提供されているフォーム作成ツールです。 使いやすさや無料で使える点などから、アンケートや問い合わせ、キャンペーンへの申し込み、各種セミナーの申込みなど、様々な用途で利用されています。 アンケートを作成できるだけでなく、集計や分析をアシストする機能もあり、アンケートフォームの利用が初めてという方にとっても扱いやすいツールです。 ２． Google formを利用するメリット ●簡単＆スピーディーに作れる Googleフォームの魅力として第一に挙げられるのが「簡単かつスピーディーに作れる」点です。フォ

問い合わせフォームから飛んでくるスパム対策方法こちらのプログラムを追加！[acceptance acceptance-0] 確認ページはございません。内容をご確認の上チェックを入れてくださいこれでシンプルにスパムを抑えることができますAcceptance こちらで検索するとよろしいですよ！！！