איך להתאים באמת את האתר שלך למובייל

איך להתאים מסרים ולשפר את יחס ההמרה שלך במובייל בקלות עם גוגל תג מנג'ר

כותב - אלעד שלו

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

אתר רספונסיבי...

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

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

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

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

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

 

זיהוי משתמשי מובייל עם גוגל תג מנג'ר

כדי לגרום לאתר שלנו לזהות את התנועה מהמובייל אנחנו צריכים לייצר Custom java script variable. נלך לחלק של Variables בתפריט ונקליק למטה על New.

נקרא לVariable החדש שלנו isMobile – true - false (או כל שם שבא לכם) ונבחר באופציה של custom javascript:

 

ונטמיע את קטע הקוד הבא בדיוק כמו שהוא:

function() {
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) 
    {
        return 'true';
    } 
    else 
    {
        return 'false';
    }
}

 נשמור את ה Variable שיצרנו ונעבור ליצירת תגית עם הפקודה שאנו רוצים "לשגר" רק למשתמשי המובייל. כמו שאמרנו, הפקודה הזו יכולה להיות כל דבר שתרצו. כפתור שיתוף, כפתור "התקשרו עכשיו" או "תפסיק לשחק בטלפון בזמן העבודה". תלוי בכם :). לצורך הדוגמא ניצור סקריפט test פשוט ונטמיע אותו כ Custom html:

<script>
alert('test');
</script>

בחלק של Fire on נבחר באופציה של More ונגיע למסך הבא בו נצטרך לבחור את הטריגר שיפעיל את הפקודה (אפשר לפתוח את הטריגר כבר לפני כן, מה שבא לכם):

 נקליק על New, ניתן לטריגר שלנו שם, לדוגמא – is mobile, בחלק של configure נבחר ב page view ובחלק של Fire on באופציה של Some page views. בעמודה הראשונה משמאל נבחר את ה Variable שיצרנו ואת השאר כמו בתמונה הבאה:

נשמור את הטריגר ונבחר בו להפעלת התג שלנו:

 נשמור את התגית, נקליק על Publish וזהו, זה עובד.

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

לסיכום:

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

 
תגיות - גוגל תג מנג'ראלעד שלו