VWOタグの確認
作成したキャンペーンが動作するには、テスト対象ページやゴールページにVWOタグが正しく設置されている必要があります。
2つのステップで確認しましょう。
Attention!
VWOツール内にはコードチェッカー機能がありますが、アラートが表示されることが多いため、このページに記載されている2つのステップに従って確認することをお勧めしています。
①ソースコードの確認
まずはソースコードにVWOタグが設置されているか、確認してください。
全てのテスト対象ページ、及びゴールページにVWOタグが設置されている必要があります。
Attention!
VWOタグはタグ管理ツールを介さず、ソースコードへの直貼りをお勧めしています。
・【FAQ】タグ管理ツールでVWOタグを管理しても大丈夫?
②VWOタグの動作を確認
ソースコードの確認後に、今度はVWOタグが動作しているか確認します。
タグの動作を確認するには、2つの方法があります。
1.VWOのコードチェッカーで確認する方法
2.デベロッパーツールで確認する方法
どちらの方法で確認いただいても問題ありません。
1.VWOのコードチェッカーで確認する方法(旧UI)
VWO右側の歯車マークをクリックし、設定の画面に進みます。
SmartCodeタブをクリックします。
ページ下部に「SmartCode Checker」という機能があります。
タグ設置確認を行いたいページのURLを入力し、「チェック」ボタンをクリックすると、そのページに正しくタグが設置されているかどうかを確認することができます。
※新UIのコードチェッカーで確認する方法
VWO左側の[ Configurations ]>[ Deployments ]と進みます。
タグを設置したドメインを選択し、ページ下部のコードチェッカーにURLを入力することで確認が出来ます。
2.デベロッパーツールで確認する方法
Chrome デベロッパーツール起動方法
VWOタグが設置されているページを開き、次のいずれかの方法で Chrome のデベロッパーツールを起動します。
メニューバー右上の︙ボタン ⇒ その他のツール ⇒ デベロッパー ツール をクリック
ショートカットキー【Ctrl+Shift+I(Macでは Cmd + Option + I)】もしくは【F12】を押下
ページを右クリックして 検証 をクリック
Network タブから通信を確認
表示された画面上のメニューバーから Network タブを開きます。
左上のフォームに、この場合非同期タグなので j.php (同期タグの場合は お客様のアカウント番号 )を入力して、フィルタリングを行います。
Tips
VWOタグ動作の仕組みや、ネットワーク呼び出しの種類については、こちらを参考にしてください。
・VWO動作の仕組み
ページを再読み込みします。正しく発火できている場合、VWOタグがVWOサーバーと通信している様子が確認できます。
パラメータに、キャンペーンの正しいアカウントIDが表示されているか確認します。
Tips
アカウントIDとその確認方法については、こちらを参考にしてください。
・アカウントIDの確認方法
キャンペーンが正しく動作していない場合、まずは上記2つの方法にてVWOタグの確認をお願いします。
問題が続く場合は、弊社サポートに遠慮なくお問い合わせください。