iframeタグが入ったページでのゴール計測

iframeとは

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

MAツールで作成したお問い合わせフォーム、youtubeの動画やGoogleマップの埋め込みなどで使われることが多いです。

VWOとiframe

VWOでゴールを計測をする時に、ゴール計測をしたいページ内にiframeタグを使用して、

別ページが読み込まれていた場合、正しくゴールを設定していても、ゴールが発火されない場合があります。

iframeタグで読み込んでいるページのゴール計測は下記の手順が必要です。

1. GoogleChromeのデベロッパーツールでiframeタグで読み込んでいるページを特定

2. iframeタグで読み込んでいるページにVWOタグを入れる

3. iframeタグで読み込んでいるページを計測用としてゴールに登録する

下記の例をご確認ください。

手順例

例として今回は、ゴール測定ページは　https://www.assion.co.jp/samples/wiki_iframe/

iframeタグで読み込んでいるページはhttps://www.assion.co.jp/samples/wiki_iframe/sample.htmlとします。

①GoogleChromeのデベロッパーツールでiframeタグで読み込んでいるページを特定

1. GoogleChromeでゴール計測をしたいページを開きます。

2. .GoogleChromeのデベロッパーツールを起動し、「Elements」タブを選択

3. 検索機能を立ち上げ、「iframe」と打ってiframeタグを検索する。
   ※検索機能の立ち上げのショートカットキー
   ・Windowsの場合　　Control + F
   ・Macの場合　　　　 ⌘ + F

4. <iframe>タグ内のsrc=”〇〇”というところで指定されているURLを確認する
   今回の例の場合、sample.htmlとなります。

②iframeタグで読み込んでいるページにVWOタグを入れる

①で確認したページに対して、VWOタグを設置してください。

VWOタグの設置方法についてはこちら

③iframeタグで読み込んでいるページを計測用としてゴールに登録する

対象キャンペーン内の、設定　＞　ゴールをクリックし、ゴールを追加してください。

ゴール名：任意です。今回は「iframeページ　ゴール計測用」としています。

ゴールの種類：ページの訪問数を計測

URL：ここにiframeで読み込まれているページのURLを入れてください。

　　　必要に応じてURLのパターンを変更をしてください。

           VWOで設定できるURLパターンについてはこちら

以上となります。

※iframeタグのゴール計測は不安定なため、上記の設定を行っていただいても

ゴール計測が出来ない場合が稀にございます。その際は、サポートまでお問い合わせください。