iframeを使用したフォームの埋め込み

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

Webサイトのレイアウトや使用しているテーマによって、フォームがWebページ上でどのように表示されるかが変わります。提供されるコードを使って、フォームをiframeとしてWebページに埋め込むことができます。フォームを埋め込むコンテナに基づいて、フォームの高さと幅が自動的に計算されます。

フォームをiframeとして埋め込むためのコードを取得するには、

フォームビルダーで、Share> Embed > iframe に移動します。
トラッキングのニーズに応じて、Basic iframe または Advanced iframe with Referrer Tracking のいずれかを選択します。
表示されたコードをコピーし、Webページに埋め込みます。

Basic iframe

Basic iframe では、フォームをWebサイトに埋め込むことができ、回答が送信されると、フォームが設置されているWebサイトのベースURL（特定のページパスやパラメーターを除いたURL）が取得されます。

Advanced iframe with Referrer Tracking

フォームをWebサイトに埋め込めるだけでなく、ページパスやURLパラメーターを含む完全な参照元URLを取得します。これにより、見込み客が正確にどのページから流入しているかを把握できます。

比較

機能	Basic iframe	Advanced iframe with Referrer Tracking
コード	シンプルな iframe	スクリプト付き iframe
取得されるデータ	ベースURL	フルパスとパラメーター
ブラウザー & Referrer ポリシー	ブラウザーおよび referrer ポリシーに従う	ブラウザーおよび referrer の制限を回避する
実装方法	iframe 要素として埋め込み可能	カスタムコードスニペット要素が必要（すべてのビルダーがこのコードの iframe での利用をサポートしているわけではありません）
例 ( フォームが https://www.zylker.com/real-estate/apartment-listings に埋め込まれているとします )	www.zylker.com	https://www.zylker.com/real-estate/apartment-listings/?utm_source=zylkerconstruction&utm_medium=referral

高さと幅を編集するには、コード内の height と width の値を、px 単位で任意の値に変更します。

たとえば:
提供されているコード:

次のように変更できます:

これにより、指定した属性値どおりの高さと幅でフォームが読み込まれるようになります。

どのWebサイトから回答者がフォームを見つけたかを把握するために参照元をトラッキングしたり、埋め込みフォームに事前入力を設定して、Webサイト訪問者のフォーム入力をより簡単にすることもできます。

Image Upload 項目でWebカメラオプションを使用できるフォームを埋め込む方法

埋め込みフォームに Image Upload 項目がある場合、回答者はWebカメラを使って写真を撮影することができません。これを許可するには、埋め込みコードに次の内容を追加する必要があります:

たとえば: