ビジュアルエディタでiframeタグ内の要素を編集する方法

iframeとは、別のWebページなどを読み込んで表示することができるHTMLの要素（タグ）の一つです。

MAツールで作成したフォーム、YouTubeの動画やGoogleマップの埋め込み

などで使われることが多いです。

iframeタグが使用されているフォームの入力項目などをVWOで編集しようとしても、通常の設定状況下では難しいため、別途手順が必要です。

iframeタグ内の要素を編集する準備

ビジュアルエディタでiframeタグ内の要素を編集するためには、2点準備が必要です。

①iframeで読み込んでいるURL（ページ）にもVWOタグを設置する

②テスト対象URLにiframeのページのURLも設定する

また、今回は下記のようなURL構造をしているフォームを例に考えます。

iframeタグで読み込んでいるページを特定する方法はこちらからご確認ください。

VWOタグの設置方法はこちらからご確認ください。

対象キャンペーンにて「設定　＞　URL(群)」をクリックする。詳細モードに切り替えることで、対象URLを追加することができます。

1.ビジュアルエディタを開き、iframeタグの部分をクリックし、出てきたポップアップより

「Edit iframe content」をクリックします。

2.ビジュアルエディタが再読み込みされ、iframeタグ部分のみが表示され、通常のビジュアルエディタと同様に編集ができます。編集が完了したら保存し、プレビューモードで変更をご確認いただけます。

※iframeタグのゴール計測は不安定なため、上記の設定を行っていただいても
ゴール計測が出来ない場合が稀にございます。その際は、サポートまでお問い合わせください。