בלוג על שיווק דיגיטלי

ראשי / בלוג / מדריך תג מנג'ר להפעלת איוונטים תלויי-מובייל

מדריך תג מנג'ר להפעלת איוונטים תלויי-מובייל

מאת: עמית אדלר

לכאורה זה לא משהו שצריך לטרוח עליו במיוחד; הרי דוח Mobile באנליטיקס נותן פילוח מוכן של גולשי סמארטפון, דסקטופ וטאבלט. בנוסף אנליטיקס מאפשר גם ליצור קהלים לפי סגמנט מובייל / לא מובייל.

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

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

שלב 1 – הקמת משתנה חדש

בתג מנג'ר ניגש לקטגוריית המשתנים (Variables), ונפתח משתנה חדש מסוג Custom Javascript. בתג הריק נדביק את קוד ה-JS הזה, שמזהה האם מדובר בדפדפן מובייל או לא. כך זה נראה לאחר שמדביקים את הקוד בקוביית התג:

קוביית תג
כדי שתג מנג'ר יוכל לקרוא את הקוד ולפעול בהתאם, יש לעטוף אותו בפונקציה עם הנחיה להחזיר את הערך הנמצא בראש הקוד (במקרה הזה: isMobile).

בראש הקוד מוסיפים:
function(){

ובסיום הקוד מוסיפים:
return isMobile;
}

כך זה נראה בראש הקוד:

ראש הקוד
וכך זה נראה בסיום הקוד:

סיום הקוד

לאחר שהכל הוטמע כמו שצריך, יש לבדוק שאכן הקוד עובד בצורה תקינה. נעבור לשלב השני.

שלב 2 – בדיקת תצוגה מקדימה

בשלב זה נרצה לוודא שהקוד שהטמענו יודע לזהות האם מדובר בכניסה ממובייל. לכן נפעיל בתג מנג'ר את מצב Preview, נרפרש את האתר ונקליק על Pageview בתצוגה המקדימה בתחתית. כעת נקליק על Variables בחלק העליון, ונוודא שהמשתנה שהוספנו אכן מבצע את הזיהוי (במקרה הזה נקרא לו isMobile, בדיוק כפי שהוא מופיע בקוד שהצבנו לפני כן).

בתמונת המסך הגלישה מתבצעת מדסקטופ, לכן הקוד מזהה שלא מדובר במובייל ולפיכך נקבל זיהוי False (כלומר הקוד אכן עובד):

בדיקת קוד
אם נרצה לזהות בוודאות שמדובר בגלישה ממובייל, נוכל לגשת לדפדפן ולעבור למצב מובייל באמצעות קונסולת הדפדפן (כאשר מדובר בכרום מקליקים על F12 לפתיחת הקונסולה). בקונסולה נקליק על אייקון המובייל הקטן, נעבור לתצוגת מסך צרה יותר (אפשר גם לבחור את סוג המכשיר) ונוכל לבחון את מצב התצוגה המקדימה כדי לוודא שהפעם isMobile מופיע בצמוד להודעה True.

כעת, כשראינו שהמשתנה עובד בצורה תקינה, יש ליצור טריגר שישמש ככלל ליריית התג הרלוונטי.

שלב 3 – הקמת הטריגר המתאים

בשלב זה נקים טריגר חדש מסוג Page View, שיופעל אך ורק כאשר המשתנה (שיצרנו בשלב 1) נורה במצב true. תחת Some Page Views נבחר את הטריגר שיצרנו (isMobile) ונכוון אותו כך שיופעל רק כאשר הערך המוחזר מהקוד המזהה יהיה שווה true. כך זה נראה:

להקים טריגר

כעת הגענו לשלב האחרון.

שלב 4 – הקמת התג הרלוונטי

בשלב זה ניצור תג/ים חדש/ים בהתאם לאירוע/ים הרלוונטי/ים לנו.

לדוגמה, אם נרצה ליצור רשימת רימרקטינג בהתבסס על משתמשי מובייל בלבד, ניצור תג רימרקטינג חדש (עם ה- ID והלייבל בהתאם לקוד שהונפק על ידי אדוורדס) ונחבר אותו לטריגר שיצרנו בשלב 3. מומלץ מאוד לוודא את תקינות המהלך באמצעות מעבר לתצוגה מקדימה ובדיקה הקודים בפעולה.

דוגמה נוספת – אנו מעוניינים שהצ'ט של פייסבוק יופיע באתר אך ורק למשתמשי מובייל. במצב כזה ניצור תג חדש מסוג Custom HTML, נדביק בו את הקוד של פייסבוק צ'ט ולבסוף נחבר את התג לטריגר שיצרנו בשלב 3. דבר דומה אפשר לעשות עם פופ-אפים ומבצעים לסוגיהם, שאותם נרצה להציג רק לגולשי מובייל.

באותו אופן אפשר גם להפעיל אלמנטים ואירועים עבור משתמשים שלא הגיעו ממובייל (אלא מדסקטופ וטאבלט). כדי לעשות זאת נחזור לשלב 3 ונקים טריגר נוסף עם השם no mobile (כדי שנוכל להבדיל אותו מאחיו is mobile). במקום לבחור equals true הפעם נבחר equals false ונשמור את הטריגר החדש. כעת נוכל לפלח אלמנטים ואירועים לפי הצד השני של המראה.

בהערת אגב נציין ששירות Poptin המעולה מאפשר להציג פופ-אפים בפילוח מובנה של מובייל / דסקטופ, כך שלא תידרשו לכל ההכנה המקדימה עם תג מנג'ר. פשוט יוצרים את הפופ-אפ הדרוש, ובוחרים האם הוא יופיע במובייל, בדסקטופ או בשניהם. כמובן שזה מעולה כל עוד מדובר בפופ-אפים, אבל לעיתים נצטרך פילוח מובייל לדברים מורכבים יותר; מסוג הדברים ש-GTM בהחלט יכול לספק.

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

בהצלחה!

עמית אדלר הוא איש SEO ותוכן בחברת Websem ברמת גן, המציעה מגוון שירותי דיגיטל מאז 2006.

Recommended Posts
צרו קשר!

מלאו את הפרטים שלכם ונשמח לחזור אליכם בהקדם.


לשיתוף הפוסט לחצו כאן

תודה רבה על השיתוף ! 

עשו לנו לייק ותמיד תהיו מעודכנים:

 

שתפו את הפוסט עם חברים