こんにちは、Habr！
この投稿は、優れたGoogleフォームツール、10分以上でサイトにフィードバックフォームを作成する方法、またはそれ以上の便利なことに専念しています。
かなり前に、私は自分の仕事にGoogleフォームを含めることを夢見ていましたが、最終的には理由を見つけました。 私はバックエンドと友達ではないことを考えると、このソリューションは私にとってよりシンプルで高速であり、さらにクライアントにとっても便利です。
例としてフィードバックフォームを使用するオプションを検討してください。
- Googleドライブに移動して、フィールドを持つフォームを作成します
- ページ
- あなたの名前（テキストボックス）
- メール（テキストボックス）
- メッセージ（テキストボックス）
- フォームを保存し、ドキュメントをGoogleドライブで開きます。 [フォーム]タブで、アクティブなフォームに移動します。
- ソースページを作成し、フォームタグを使用してhtmlコードをコピーします。
- これで、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ドキュメント）