ההתממשקות בין אתר האינטרנט לבין מערכת הלידים מציבה בפנינו שני אתגרים:
1. האתגר הפשוט - איסוף פרטי הפנייה מטפסים.
לאחר הקמת ערוץ מסוג "טופס אינטרנט" והשלמת
הגדרות "קליטת לידים", מערכת הלידים תספק מסמך הנחיות התממשקות עבור הערוץ הספציפי, באמצעותו תוכלו לשלוח את כל המידע שהוזן בטופס על ידי הגולש למערכת לידים.
2. האתגר המורכב - איסוף פרטי הנחיתה של הגולש באתר האינטרנט.
מדוע "מורכב"?
כשמדובר באתר אינטרנט בעל מספר עמודים, נוחת הגולש באתר דרך עמוד מסויים, באמצעות כתובת URL, אשר כוללת קידודים של מקור הפנייה ואולי אף ערכי
UTM. אותו הגולש עשוי לשוטט בין עמודי אתר האינטרנט לפני שהוא מקבל החלטה למלא טופס ליד. במהלך הגלישה בין העמודים הפנימיים באתר האינטרנט, פרטי נחיתה מקורית שהיו מקודדים ב-URL בעת הנחיתה באתר הולכים לאיבוד.
למשל, אם גולש הגיע אל האתר דרך הקישור:
https://www.website.co.il/?utm_source=google, ולאחר מכן עבר לעמוד אחר באתר לפני שהשאיר ליד, נוצר מצב שבעת השארת הליד, כתובת ה- URL לא תכלול את המידע שהופיע בעת הנחיתה הראשונית באתר.
במקרה הזה, לא נוכל לדעת שהגולש הגיע עם הפרמטר: utm_source=google, בעוד שמדובר במידע שחשוב לנו לקלוט יחד עם הליד.
הפתרון
מערכת lead.im מציעה פתרון לאיסוף פרטי הנחיתה הראשונה יחד עם שאר פרטי הליד, אשר מבוסס על שלושת המרכיבים הבאים:
א. בעל האתר צריך להוסיף בכל טופסי האתר שדה עזר נסתר
ב. lead.im מספקת סקריפט אשר נושא בשני תפקידים:
1. בכל פעם שגולש נוחת לראשונה באתר האינטרנט, הסקריפט אוסף את כל פרטי הנחיתה שלו ושומר אותם באחסון פנימי בדפדפן של הגולש
2. בכל פעם שהגולש מחליף עמוד באתר האינטרנט, הסקריפט סורק את העמוד הנוכחי, מחפש בו את כל שדות העזר הנסתרים ומטמיע בכל אחד מהם את המידע אודות הנחיתה, אשר נאסף בנחיתה הראשונה.
ג. בשליחת פרטי הטופס שמילא הגולש, האתר צריך לדאוג ולהעביר את התוכן של שדה העזר הנסתר יחד עם שאר הפרטים דרך פרמטר API בשם קבוע: lm_serfer
ועכשיו בוא נתעמק בכל אחד מהרכיבים:
א. הוספת שדה עזר בכל טפסי האתר
בכל הטפסים של האתר יש להוסיף שדה נסתר, בעל תכונות class ו- name בשם "lm_serfer"
זה יכול להיות שדה נסתר רגיל, להמחשה:
<input type="hidden" class="lm_serfer" name="lm_serfer" />
או שדה מלל חופשי רגיל אשר הוסתר מעיני הגולש באמצעות CSS, להמחשה:
<input type="text" class="lm_serfer" name="lm_serfer" style="display:none" />
כמובן שלא בכל המקרים לבעל האתר יש שליטה מלאה על כל התכונות של שדות נסתרים.
למשל במקרה של טופסי Elementor לא ניתן להגדיר class לשדות נסתרים, ובמקרה של טפסי Gravity Forms לא ניתן להגדיר name לשדות. במקרים כאלה אפשר ליצור שדה עזר נסתר בשיטה שמתאפשרת באותו האתר ולערוך התאמות נדרשות לסקריפט המוסבר בסעיף הבא.
ב. התקנת סקריפט בכל דפי האתר
להלן הסקריפט של מערכת הלידים אותו צריך להתקין בכל עמודי האתר. ניתן להתקין את זה באמצעות GTM או על ידי הטמעה ישירה בתוך HTML של האתר. במקרה של הטמעה ישירה, יש לשים את הסקריפט כמה שיותר למטה בפוטר של האתר. כמה שיותר קרוב לתג BODY
הסוגר.
<script type="text/javascript">
(function(l,e,a,d,i,m,s){l[i]=l[i]||function(){(l[i].q=l[i].q||[]).push(arguments)};m=e.createElement(a),s=e.getElementsByTagName(a)[0];m.async=1;m.src=d;s.parentNode.insertBefore(m,s)})(window,document,'script','//cdn.lead.im/api/v3/leadim.api.js','leadim');
leadim('trackModel', 'firstclick');
leadim('ready', function() { leadim('setforms', {selector: 'input.lm_serfer', create:false}); });
</script>
שימו לב ל-selector המודגש בצהוב. החלק הזה מסביר לסקריפט כיצד לאתר את שדה העזר שנוסף בסעיף הקודם. אם שדה העזר נוסף בהתאם להנחיות של סעיף א' הנ"ל עם
class="lm_serfer",, אפשר לקחת את הסקריפט כפי שהוא. הוא מתואם בדיוק למקרה הזה.
אם מנהל האתר מחליט לשנות את המאפיינים של שדה העזר מסיבה כלשהי - יש צורך לעדכן בסקריפט את החלק של ה- selector המודגש בצהוב על מנת להתאים אותו למאפיינים שנקבעו עבור שדה העזר.
למשל במקרה של
טופסי אלמנטור אין אפשרות לקבוע class לשדות נסתרים. אז אפשר ליצור שדה עזר להגדיר לו lm_serfer בתור ה- ID של השדה.
במקרה כזה, שדה העזר יופיע ב- HTML הסופי עם תכונה name מוגדרת בתצורה הבאה:
name="form_fields[lm_serfer]". אז ניתן להתאים את החלק הצהוב בסקריפט כדי שיידע לאתר את שדה עזר לפי תכונה name, כלומר:
input[name='form_fields[lm_serfer]']
ג. שליחת תוכן שהוגדר לשדה העזר על ידי הסקריפט למערכת lead.im
בסופו של דבר אחרי שגולש מגיע לעמוד, בו הוא מחליט למלא טופס ליד, ממלא הסקריפט של המערכת את שדה העזר בכל הטפסים של העמוד כבר בתהליך טעינת העמוד בדפדפן של הגולש.
אחרי שהגולש ימלא וישלח את פרטי הקשר שלו, יישלח התוכן של שדה עזר אל היעד יחד עם שאר הפרטים.
בכל מקרה, בשליחת פרטי הליד ל- API של מערכת lead.im יש להעביר את התוכן של שדה העזר כמו שהוא ללא שינויים דרך פרמטר API בשם lm_serfer.
להמחשה:
name={תוכן של שדה שם}&phone={תוכן של שדה טלפון}&lm_serfer={תוכן של שדה עזר המוסבר במדריך הזה}