מנהל תגיות גוגל

המדריך השלם למנהל התגיות של גוגל ולמה כדאי להשתמש בו

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

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

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

מנהל התגיות של גוגל (Google Tag Manager) עושה בדיוק את זה.

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

מה זה מנהל התגיות של גוגל?

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

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

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

פתיחת חשבון והטמעת הקוד

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

מנהל תגיות - הרשמה

לאחר שממלאים את כל הפרטים ומאשרים את התקנון של גוגל מיד מקבלים את קוד ההטמעה שצריכים להטמיע באתר. הקוד מורכב משני חלקים שאחד מטמיעים בתחילת תגית ה- <head> והשני מטמיעים בתחילת תגית ה- <body> של עמודי האתר שלכם:

מנהל תגיות - קוד הטמעה

אם אתם משתמשים בוורדפרס, תוכלו להטמיע את הקוד ישירות בקובץ ה- Header של הטמפלט בו אתם משתמשים (עיצוב -> ערוך), או שתוכלו להשתמש בתוסף הזה אם אתם לא רוצים להתעסק בקוד ובקבצים של האתר.

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

בדיקה שהקוד הוטמע ועובד נכון

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

הדרך הטובה והבטוחה ביותר לבדוק את תקינות הקוד המוטמע היא דרך מערכת ניהול התגיות עצמה. תחת כפתור ה- PUBLISH מצד ימין למעלה יש ללחוץ על כפתור ה- PREVIEW.

מנהל תגיות - בדיקת תקינות

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

מנהל תגיות - קונסול

דרך נוספת לבדוק את תקינות הקוד המוטמע היא ע"י תוסף ה- Tag Assistant של גוגל לדפדפן הכרום שמאשר אם הקוד מוטמע נכון בעמוד בו אתם נמצאים.

חשוב מאוד – לאחר שווידאתם את תקינות הקוד, אתם חייבים ללחוץ על כפתור ה- PUBLISH במערכת ניהול התגיות כדי שהוא יתחיל לדווח ויהיה זמין באתר.

הוספת תגיות למערכת הניהול

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

במערכת הניהול ניגשים ל- Add A New Tag מהעמוד הראשי, נותנים שם לתגית שאנחנו רוצים להוסיף (במקרה זה Google Analytics) ובוחרים בתיבת ה- Tag Configuration. לאחר הלחיצה המערכת תיפתח חלון מצד ימין שבו נוכל לבחור מרשימה ארוכה את סוג התגית שאנחנו רוצים להוסיף.

רשימת תגיות

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

לאחר שבחרתם בתגית גוגל אנליטיקס תוסיפו את ה- Tracking ID של האנליטיקס של האתר שלכם ותשאירו את שאר השדות כמו שהם. כפי שאתם רואים יש עוד המון הגדרות מתקדמות שניתן להגדיר אך לצורך העניין נשמור על פשטות ונשאיר על Page View ולא ניגע בשאר ההגדרות.

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

תגית אנליטיקס

כעת נשמור הכל ונבדוק שהתגית עובדת נכון בדיוק כמו שהראיתי למעלה ע"י לחיצה על כפתור ה- Preview, ובדיקה על הדפדפן שלנו שהתגית רצה ועובדת באופן תקין בדפי האתר. בהתקנה נכונה נראה את תגית ה- Google Analytics שיצרנו מופיעה בקונסול למטה בריצת ה- Preview בעמודי האתר.

ניטור אירועים והמרות

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

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

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

מנהל תגיות - משתנים

כעת נגדיר טריגר לכפתור שאנחנו רוצים לנטר – 'הוסף לסל הקניות'.

ניגש לתפריט Triggers וניצור טריגר חדש, ניתן שם לטריגר ובקונפיגורציה נוסיף את סוג הטריגר Click -> All Elements. לאחר מכן נוודא שהטריגר יופעל רק על כפתורים מסוימים – מכיוון שאנחנו רוצים לנטר רק את כפתור ההוספה לסל, נבחר בתנאי שהמשתנה Click Text מכיל את הטקסט של הכפתור, נניח 'Add To Cart'. אמור להיראות דומה לתמונה למטה:

מנהל תגיות - טריגר

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

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

מנהל תגיות - אירוע אנליטיקס

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

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

תגית לבדיקת המרות לקמפיין פרסום בפייסבוק

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

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

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

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

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

מנהל תגיות - פייסבוק פיקסל

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

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

לסיכום

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

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

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

Similar Posts