URLの末尾に隠れたフォーム変数を追加

Question

私はUnbounceとGoogleのドキュメントを検索しましたが、この作業を行う方法が見つかりません。どんな助けでも大歓迎です！

ユースケース：

私はUnbounceでテストページを設定していると、ページ上のときに、ユーザーの土地、それは素晴らしいことだと隠しフィールドで以下のスクリプトを使用して生成された値が追加されていることをフォームを送信投稿時に現在のURLに

ユーザーが広告キャンペーンのページに掲載された場合、その値がURLに追加され、その値に置き換えられないことが重要です。

例： ユーザーtestpage.comのランドまたはtestpage.com?qs=3134728&pcd=THANKS20&dclid=CNi4wvCv39cCFZdFNwodE_wALA

ユニークIDは、次のJavaScriptを使用して作成し、隠しフィールドに追加されます。

<script type="text/javascript"> 
 
    $(document).ready(function() { 
 
    var id = new Date().toISOString().replace(/[-tTzZ:.]/g, ''); 
 
    $('#lead_id').val(id); 
 
    }); 
 
</script>

ユーザーのクリックを提出するととURLに渡された隠しフィールドの値を持つ有益なページにリダイレクトされます。

testpage.com/thank-you?lead_id=1234 
testpage.com/thankyou?qs=3134728&pcd=THANKS20&dclid=CNi4wvCv39cCFZdFNwodE_wALA&lead_id=1234 

フォームのhtmlを編集できないため、Unbounceがカスタムコードを追加するためのスペースを提供するため、JavaScriptでこれを行う必要があります。

Answer 1

フォームメソッドgetですか？ postの場合は、隠しフィールドのURLに追加する必要はありません。これはページのHTMLの場合

あなたのアプローチは右しかし思わ：

<form action="http://example.com" method="get" id="theForm"> 
    <input type="hidden" value="xyz" /> 
    <button type="submit">Send</button> 
</form> 

あなたがそのすべてを検証したいと思うが...これを変更するには、次のいずれかのようないくつかのJSコードを使用することができますまだ期待どおりに動作します：

document.getElementById('theForm').action = "http://another.example.com"; 

document.getElementById('theForm').method = "get";