> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/insights/form-analytics/fgadyl03qd.md).

# VWOで動的/Ajaxフォームの送信を追跡する

動的またはAJAXフォームのフォーム送信を追跡するには、以下のAPIを使用します。

### **構文** <a href="#zafmi6now4hk" id="zafmi6now4hk"></a>

window\.VWO = window\.VWO || \[];

window\.VWO.push(\['nls.formAnalysis.markSuccess', < REPLACE\_THIS\_WITH\_YOUR\_FORM\_INSTANCE > , < IS\_FORM\_SUCCESS\_VALUE > ])

ここで、

* **\<IS\_FORM\_SUCCESS\_VALUE>** この値は、フォーム送信が成功したか失敗したかに基づいて、1（成功）または0（失敗）になる可能性があります。
* **\<REPLACE\_THIS\_WITH\_YOUR\_FORM\_INSTANCE>** これはお客様のフォームインスタンス（jqueryまたはJavaScript）です。

例えば、これがお客様のフォームのHTMLコードだとします。

\<form id=“my-form-id” class=“my-form-class”>

………..

\</form>

### **フォームのインスタンスを取得する** <a href="#bbu7kalgtbpx" id="bbu7kalgtbpx"></a>

フォームインスタンスを取得するために、次のJavaScriptコードをWebサイトに追加します。

コードスニペットをハードコーディングしたくない場合は、任意のタグマネージャーを使用して実装できます。

1. 純粋なJavaScriptを使用するとき、\
   var formInstance = document.getElementById('my-form-id');
2. jQueryを使用するとき、\
   // フォームIDによる取得\
   var formInstance = $('#my-form-id'); // OR//Getting by form class\
   var formInstance = $('.my-form-class');

### **フォームの成功・エラーイベントを追跡する** <a href="#qe0wf7yn4edf" id="qe0wf7yn4edf"></a>

次のJavaScriptコードをWebサイトに追加して、フォームの成功イベントとエラーイベントの追跡できます。

1. フォームの送信が成功したとき、このコードをフォームの成功コールバック関数で使用します。\
   window\.VWO = window\.VWO || \[];\
   window\.VWO.push(\['nls.formAnalysis.markSuccess', formInstance, 1]);
2. フォーム送信に失敗したときは、このコードをフォームのエラーコールバック関数で使用します。\
   window\.VWO = window\.VWO || \[];\
   window\.VWO.push(\['nls.formAnalysis.markSuccess', formInstance, 0]);