על מנת לבצע שליחה של הטופס ולבצע הטמעה איכותית של Google Analytics יש למנוע את המעבר לדומיין אחר (NTT) ולאחר מכן ביצוע Redirect בחזרה לאתר שכן פעולה זו משבשת את יכולת ה"לימוד" והניתוח של הקמפיין.

על מנת לפתור מקרה זה, אנו נטמיע וניישם את שליחת הטופס בעזרת Ajax.

יש לבצע מספר שלבים:

1. יש להסיר את כתובת הטופס מהAction שנמצא בתוך תגית הForm.

2. יש לתת ID לתגית הForm.

3. יש למחוק את הValue בשדה הRedirect.

 

יש ליצור קובץ JS או לחלופין אפשר גם בתוך העמוד עצמו (עדיפות תמיד לקובץ חיצוני למען סדר בקוד שלנו).

יש להטמיע את הקוד הבא כאשר הערך של thankyou.html הוא הכתובת אליה תשלחו בסיום או לחלופין ניתן להציג הודעה כלשהיא במקום לבצע העברה לעמוד אחר:

 

   
        $('#pageForm').submit(function(e) {

            e.preventDefault();
            $.ajax({
                type: "POST",
                url: 'http://www.ntt.co.il/code/form_submit_utf.php',
                data: $('#pageForm').serialize(), // serializes the form's elements.
                success: function(data) {
                    
                }
            });
            document.location.href = 'thankyou.html';
        });

שימו לב - לא ניתן לבצע העלאת קבצים או תמונות משום שפקודת Serialize לא יודעת למשוך את נתוני שדה הFILE.

לשם כך ניתן להשתמש בפלאגין כמו Jquery Image Upload.

האם מידע זה היה שימושי?