יצירת קשר

מדידה מתקדמת של טפסי אלמנטור

איך למדוד טופס של אלמנטור בעזרת תג מנג'ר? מדריך למתקדמים

מעקב אחר טפסים הוא אחד הנדבכים החשובים ביותר בכל אסטרטגיית מדידה. אם אתם עובדים עם אלמנטור, אתם בטח מכירים את האתגר: הטריגר המובנה של GTM לטפסים לא תמיד "תופס" את השליחה של אלמנטור בצורה אמינה, ושימוש בטריגר Element Visibility הוא לעיתים פתרון "עקום" שלא מעביר נתונים עשירים.

הכלי הבא מאפשר לכם להטמיע Event Listener חכם שמאזין לשליחות מוצלחות של טפסי אלמנטור ודוחף לשכבת המידע (Data Layer) את כל המידע שאתם צריכים: שם הטופס, מזהה הטופס, ואפילו את הערכים שהוזנו בשדות (בצורה מאובטחת).

מה הכלי הזה נותן לכם?

בניגוד לשיטות סטנדרטיות, הקוד הזה מבצע הפרדה בין סוגי אירועים ושולח מידע מפורט:

  1. אוונט שליחה: נשלח ברגע שהמשתמש לוחץ על כפתור השליחה.
  2. אוונט הצלחה: נשלח רק כאשר הטופס נשלח בהצלחה לתג מנג'ר.
  3. פרמטרים עשירים: הכלי שואב אוטומטית את ה-Form Name וה-Form ID שהגדרתם באלמנטור, מה שחוסך לכם יצירה של טריגרים נפרדים לכל טופס.

איך להטמיע?

שלב 1: הטמעת קוד המאזין (Listener)
יש ליצור תג חדש בתג מנג'ר מסוג Custom HTML ולהדביק בתוכו את הקוד המצורף למטה.
טריגר: יש להפעיל את התג על All Pages (או רק בעמודים עם טפסים).

שלב 2: בדיקה במצב Preview (ניטור ה-Data Layer)
לפני שנמשיך להגדרות ב-GTM, עלינו לוודא שהקוד "תפס" את שליחת הטופס. זהו שלב הדיבאגינג החשוב ביותר:

  1. הפעילו את מצב ה-Preview בתג מנג'ר והיכנסו לעמוד באתר שבו נמצא הטופס.
  2. בצעו שליחת טופס ניסיון (מלאו פרטים ולחצו על 'שלח').
  3. חזרו לחלון ה-Preview והסתכלו על סרגל האירועים משמאל.
  4. חפשו אירוע חדש בשם elementor_form_thank_you.
  5. לחצו עליו ועברו ללשונית Data Layer. אתם אמורים לראות שם מבנה נתונים הכולל את ה-form_name וה-form_id המדויקים שלכם.

 

שלב 3: הגדרת משתנים בתג מנג'ר
כעת, נמשוך את המידע שראינו ב-Preview לתוך משתנים שנוכל להשתמש בהם בתגים:

  1. צרו משתנה מסוג Data Layer Variable.
  2. תנו לו את השם משתנה המדויק שראיתם ב-Preview.
  3. חזרו על הפעולה עבור כל משתנה אותו תרצו לתפוס בתג מנג'ר.

 

שלב 4: יצירת הטריגר להמרות
ניצור טריגר שיפעיל את תגי האנליטיקס או השיווק שלנו בכל פעם שטופס נשלח בהצלחה:

  • סוג הטריגר: Custom Event
  • שם הטריגר: elementor_form_thank_you
  • מתי נורה: All Custom Events

 

 

למקצוענים מביננו

הסקריפט כולל הגדרות שניתן לשנות בקוד כדי להתאים את המדידה לצרכים שלכם. להלן ריכוז האפשרויות הזמינות:

אופציה סוג ברירת מחדל תיאור
storeData boolean true שמירת נתוני הטופס האחרון ב-localStorage לשימוש בדף התודה.
oncePerUser boolean false אם מסומן כ-true, לא יישלחו אירועים נוספים לאחר הצלחה ראשונה עבור אותו משתמש.
pushDataLayerOnThankYouPage boolean true הפעלת שליחת אירוע elementor_form_thank_you בדף התודה.
checkUserDataOnThankYouPage boolean true אם true, האירוע בדף התודה יישלח רק אם קיימים נתונים שמורים.
removeDataAfterDataLayerPush boolean true מחיקת הנתונים השמורים לאחר שליחת האירוע ל-Data Layer.
useDynamicThankYou boolean true זיהוי אוטומטי של נתיב דף התודה מתוך ה-Redirect URL של AJAX.
pushThankYouImmediatelyIfUnknown boolean true אם לא מזוהה כתובת הפניה, האירוע יישלח לפני הרידירקט. עוזר ב-Cross-domain.
thankYouPages string[] unset רשימה סטטית של נתיבי דפי תודה (לשימוש רק אם האופציה הדינמית כבויה).
maxTyPathsPerForm number 10 מספר מקסימלי של נתיבי דפי תודה שיישמרו בזיכרון לכל מזהה טופס.

למה הכלי הזה עדיף?

  • מדידה מבוססת הצלחה: הוא לא יורה אירוע אם המשתמש שכח למלא שדה חובה.
  • סקלביליות: תג אחד בתג מנג'ר מודד את כל הטפסים באתר, ללא צורך בהגדרות נפרדות לכל עמוד.
  • דיוק בנתונים: אתם מקבלים את השם שנתתם לטופס בתוך אלמנטור, מה שהופך את הדוחות ב-GA4 להרבה יותר קריאים.

קוד וסקריפטים נחוצים

				
					<!-- 1) Config -->
<script>
  // Elementor Form → Data Layer config
  var eleFormDLConfig = {
    storeData: true,
    oncePerUser: false,                   // true ⇒ only the first submit pushes (both submit & TY suppressed afterwards)
    pushDataLayerOnThankYouPage: true,
    checkUserDataOnThankYouPage: true,    // true ⇒ only push on TY if stored data exists
    removeDataAfterDataLayerPush: true,

    // Detect TY pages from AJAX response dynamically (recommended)
    useDynamicThankYou: true,

    // Fallback: if redirect URL can’t be detected, push TY immediately (pre-redirect)
    pushThankYouImmediatelyIfUnknown: true,

    // Only used when useDynamicThankYou = false
    // thankYouPages: ["/thank-you/"],

    // Avoid unbounded growth of stored TY paths per form
    maxTyPathsPerForm: 10
  };
</script>

<!-- 2) Main script (this repository’s code) -->
<script src="https://gtm-listenter.datalemon.io/elementor/app.js"></script>

סירטון הדרכה

רוצים לוודא שההטמעה שלכם מבוצעת בצורה מושלמת?

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

חיבור של כלי שיווק ומדידה חדשים הוא רק הצעד הראשון. כדי להפיק מהם ערך אמיתי, צריך לוודא שכל הנתונים עוברים בצורה תקינה, נקייה ומסונכרנת. המומחים שלנו יבצעו עבורכם הטמעה מקצועית מקצה לקצה כדי שתוכלו לקבל החלטות עסקיות מבוססות נתונים מדויקים ב-100%.

כלים נוספים

כל הכלים

קוקיבוט (CookieBot)

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

להמשך קריאה »

No posts were found for provided query parameters.

תפריט נגישות

🍪 האתר עושה שימוש בעוגיות

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

קראתי