UTM בטופס אלמנטור

הוספת שדות utm וקליטת ערכים מ-URL לשדות נסתרים

במדריך זה נלמד כיצד להוסיף שדות נסתרים בטופס אלמנטור שיקלטו ערכי UTM מכתובת ה-URL באמצעות קוד JavaScript. הנה הדרך לעשות זאת:
ראשית יש ליצור בטופס שדות נסתרים עם שם ו-ID לפי הרשימה הבאה:

  • utm_source
  • utm_medium
  • utm_campaign
  • utm_term
  • utm_content

לאחר מכן יש להוסיף את הסקריפט הבא לעמוד עם הטופס או לעמוד ניהול קודים באלמנטור.

				
					<script>
document.addEventListener('DOMContentLoaded', function() {
    // פונקציה לקריאת פרמטרים מכתובת URL
    function getURLParameter(name) {
        return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [null, ''])[1].replace(/\+/g, '%20')) || null;
    }

    // רשימת פרמטרי UTM
    const utmParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];

    // מילוי השדות הנסתרים
    utmParams.forEach(function(param) {
        const value = getURLParameter(param);
        // שימוש בשם השדה הנכון לפי מבנה האלמנטור
        const field = document.querySelector('input[name="form_fields[' + param + ']"]');
        
        if (field && value) {
            field.value = value;
        }
    });
});
</script>
				
			

בכדי לבדוק אם זה עובד יש להוסיף ל URL את הפרמטרים באופן הבא לדוגמא: 

				
					https://yoursite.com/contact?utm_source=google&utm_medium=cpc&utm_campaign=summer2024&utm_term=shoes&utm_content=ad1
				
			

הנתונים אמורים להתווסף לפרטים המגיעים עם הטופס

ליצירת קשר השאירו פרטים כאן