「JavaScriptを使ってフォームを埋め込む」

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

JavaScript コードを使用すると、ウェブサイトの一部としてフォームを埋め込むことができます。iframeとは異なり、このオプションではページ要素としてフォームを埋め込みます。フォームの自動リサイズまたはカスタムの高さを設定することができます。JavaScript埋め込みコードを使用してください。

デフォルトJSコードの使用

このオプションを使用すると、ユーザーはフォームのコンテキストに応じたサイズ変更を行うことができます。このスクリプトを使用すると、フォームはフォームの最初のページに表示されているフィールドに基づいて初期の高さに設定されます。ユーザーがフォームをナビゲートしていくと、ユーザーの操作に応じて動的にサイズ変更されます。コードスニペットは、フォームページに表示されているフィールドに基づいてフォームの高さを自動的に計算します。

オートリサイズJSコードを取得するには、

フォームビルダーで、「共有」タブを選択し、左側のメニューから「埋め込み」をクリックします。
「Javascript」をクリックします。
「デフォルトJSコード」の下で、「コードをコピー」をクリックします。
コピーしたコードを、ウェブサイトのHTMLに貼り付け、ページ上にフォームを表示したい場所に貼り付けます。

JS コードのカスタマイズ

フォームの高さを固定することができますし、自動生成された JavaScript コードをカスタマイズすることにより、URL パラメーターを含めることもできます。JavaScript コード。

固定高さの設定

このオプションを使用して、フォームの高さを固定できます。フォームが長い場合、スクロールが提供されます。

フォームの高さを固定するためにカスタマイズされた Javascript コードスニペットを使用するには、

フォームビルダーで、共有タブをナビゲートし、左メニューの埋め込みをクリックします。
Javascriptをクリックし、今すぐカスタマイズをクリックします。
固定高さを設定を選択し、必要なフォームの高さを入力します。
コードを取得をクリックし、コードをコピーをクリックします。
コピーしたコードをWebページのHTMLに貼り付けます。

URLパラメータを含める

このオプションを使用すると、次のURLパラメータを含めることができます。

リファラー名 :これにより、フォームが入力されたソースを追跡できます。

フィールド別名 : これは、フォームフィールドに事前定義された値をプリフィルするのに役立ちます。

コードを取得 をクリックし、コードをコピーをクリックします。コピーしたコードをWebページのHTMLに貼り付けます。

注意: もし、JavaScriptコードをウェブサイトに埋め込んだ後、カスタムの高さを使用したり、フォームのURLパラメータを含めたりする場合は、JSコードをカスタマイズした後に生成されたコードをコピーするために コードをコピー をクリックしてください。コピーしない場合は、デフォルトの自動リサイズのコードスニペットを使用してしまう可能性があります。ウェブページにある既存のコードをコピーしたものと入れ替えてください。

例：

高さと幅属性を含める場合：

フォームから参照元を追跡することはできますか？また、フォームの入力を簡単にするために埋め込みフォームを事前に設定することは可能ですか？