Googleフォームを使用してフィードバックフォームを作成する

こんにちは、Habr!



この投稿は、優れたGoogleフォームツール、10分以上でサイトにフィードバックフォームを作成する方法、またはそれ以上の便利なことに専念しています。



かなり前に、私は自分の仕事にGoogleフォームを含めることを夢見ていましたが、最終的には理由を見つけました。 私はバックエンドと友達ではないことを考えると、このソリューションは私にとってよりシンプルで高速であり、さらにクライアントにとっても便利です。



例としてフィードバックフォームを使用するオプションを検討してください。

  1. Googleドライブに移動して、フィールドを持つフォームを作成します

    • ページ
    • あなたの名前(テキストボックス)
    • メール(テキストボックス)
    • メッセージ(テキストボックス)


  2. フォームを保存し、ドキュメントをGoogleドライブで開きます。 [フォーム]タブで、アクティブなフォームに移動します。
  3. ソースページを作成し、フォームタグを使用してhtmlコードをコピーします。
  4. これで、HTMLコードをページに埋め込むことができ、レイアウトを好きなように変更できます。主なことは、フォームフィールドの名前属性と、非表示の値を持つフォームフィールドが有効のままであることです。


すべてのフィールドには同じ値の名前があり、ゼロから始まる1桁のみが変更されます。

name="entry.0.single"



最初のフィールド

2番目のフィールドのname="entry.1.single"







理由のために作成した最初のフィールド「ページ」は、表示します:なし。 値フィールドに現在のページのURLを入力します。



ただし、フォームを送信すると、フォームの送信が成功したことを示すメッセージとともにユーザーがGoogleページに送信されます。これは、サイトでフォームを送信したユーザーの期待を満たしません。 そして、別のGoogle検索ツールが私の助けになりました。フォームタグに対して、iframeでターゲット、onsubmit、jsの2つの属性を追加します。





<iframe name="hidden_iframe" id="hidden_iframe"

style="display:none;" onload="if(submitted)

{window.location='http://%MY_PAGE%';}">






<form action="%ACTION_URL_GOOGLE_FORM%" method="post"

target="hidden_iframe" onsubmit="submitted=true;">








これで、フォームを送信した後、ユーザーに任意のページを開くことができます。



送信データはテーブルに記録されます。必要に応じて、HTML、CVS、TXT、PDF、RSS、XLS、ODFなどの定数URLで共有できます。



このアプローチでは、必要に応じて、jsを使用してクライアント側でのみデータを検証できることは明らかです。



実際のアプリケーションはフィードバックフォームだけでなく、私の場合、このフォームはコールバックを注文するために静的なランディングページで使用されます。 フォームを送信すると、売り手は新しいアプリケーションに関する手紙を受け取り、既にGoogleドライブにいる売り手はドキュメントを編集し、完成したアプリケーションの横に名前を入力できます。

現在、コールバックアプリケーションは、コールの総数の20%を占めています。これは、ビジネスにとって非常に貴重です。



テーブルをCVS形式で共有する場合、 YQLを使用してJSONP形式でデータを取得し、ページに埋め込むと、対話性を追加できます。 しかし、これは全く異なる話と倒錯です。



素材

www.morningcopy.com.au/tutorials/how-to-style-google-forms

同様の機能実装する有料サービスformexperts.comへのリンクもあります。

突然、JSONPでGoogleドライブからデータを受信することが面白くなった場合。 ダイナミックFAQセクション(jQuery、YQL、Googleドキュメント)



All Articles