ניתוח הגדרות תגים קיימות

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

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

כדי לבדוק את התגים הקיימים, אפשר להשתמש במקורות המידע הבאים:

• Google Tag Assistant
• תכונות ב-Google Tag Manager
• שיטות לבדיקת קוד ידנית

Tag Assistant

‫Google Tag Assistant הוא כלי לניתוח תגים שמותקנים באמצעות Google Tag. כשהוא מופעל, Tag Assistant מציג חלונית ניפוי באגים בדפדפן, שבה אפשר לבדוק אילו פקודות gtag.js הופעלו ובאיזה סדר. ב-Tag Assistant אפשר לראות אילו נתונים מועברים אל שכבת הנתונים ואילו אירועים הפעילו את חילופי הנתונים האלה. בנוסף, מוצגים ההיטים (בקשות HTTP) והפרמטרים המשויכים. מידע נוסף על Tag Assistant

Tag Manager

אתם יכולים לבדוק את חשבונות הניהול ומאגרי התגים של Tag Manager כדי לנתח את הגדרות התגים הקיימות. ב-Tag Manager יש גם מצב תצוגה מקדימה, שכולל פונקציונליות דומה לזו של Tag Assistant.

חיפוש

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

גרסאות

התכונה Versions (גרסאות) ב-Tag Manager מציגה סיכום של הגדרת מאגר תגים קיים.

1. ב-Tag Manager, לוחצים על Versions (גרסאות).
2. לוחצים על הגרסה האחרונה ברשימה כדי לראות את המצב הנוכחי של המאגר.

ב-Tag Manager, בתצוגה הזו מופיעים תגים, טריגרים, משתנים ותבניות בהתאמה אישית.

מצב תצוגה מקדימה

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

בדיקת קוד ידנית

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

• ‫gtag( – זהו הפתיח של פקודות gtag(), וקטעי הקוד האלה מכילים לעיתים קרובות אינסטרומנטציה נוספת.
• ‫googletagmanager.com – הדומיין הזה טוען את הפונקציונליות של Tag Manager ושל gtag.js, ויכול לעזור לכם לאתר את סוגי התגים האלה.

אם כבר יש לכם gtag.js או Google Tag Manager, יכול להיות שתוכלו לעדכן את התגים או את הכלים הקיימים במקום להטמיע הגדרות חדשות.

• ‫dataLayer – אפשר להשתמש בו כדי לבדוק אם הוגדר קוד של שכבת נתונים, וקריאות dataLayer.push() עם אינסטרומנטציה לאירועים ספציפיים.
• ‫analytics.js או ga.js – שמות הקבצים של הספריות שמשמשות להטמעות מדור קודם של Google Analytics.
• ‫conversion.js או conversion_async.js – שמות הקבצים של הספריות שמשמשות למעקב המרות ב-Google Ads.
• ‫optimize.js – משמש לתגים של Google Optimize.
• מערכות ניהול תגים של צד שלישי שעשויות להכיל תגי Google Tag. חפשו בקוד המקור מערכות ניהול תגים של צד שלישי, כמו utag.js או _satellite.

Google Tag

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

  <!-- Google tag -->
  <script async src="https://www.googletagmanager.com/gtm.js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  </script>

קטעי קוד מגרסאות קודמות נראים כמו בדוגמה הבאה:

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=GA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'GA-XXXXXX-1');
  </script>

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

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'GA-XXXXXX-1');
    gtag('config', 'GA-YYYYYY-2');
    gtag('config', 'TAG_ID');
  </script>

הערה: הפקודה gtag('config') הוצאה משימוש. בהתקנות מעודכנות של Google Tag, יעדים ופרמטרים נוספים מוגדרים בממשק המשתמש של Google Tag Manager, במקום להוסיף כמה שורות gtag('config') בדף. קריאות קיימות ל-gtag('config') ימשיכו לפעול לצורך תאימות לדורות קודמים. מידע נוסף

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

הערה: המוצר והחשבון שהמזהה שלהם מוצג בכתובת ה-URL של מקור הסקריפט (כלומר, המזהה שמופיע בחלק העליון של קטע הקוד אחרי www.googletagmanager.com/gtm.js?id או /gtag/js?id) הם אלה ש "שולטים" ב-Google Tag. במקרים מסוימים חשוב לדעת את זה, כי אפשר להפעיל תכונות מסוימות, כמו תגי אתרים מחוברים לנכסים ב-Google Analytics, רק מתוך תג שנשלט על ידי המוצר והחשבון האלה.

קידומות של מוצרים ב-Google Tag

מזהה התג או מזהה מאגר התגים מציין את מאגר התגים של Google Tag Manager או את הגדרת היעד ב-Google שנטענים על ידי קטע הקוד של Google Tag. בהתקנות חדשות, מזהה מאגר התגים של Google Tag Manager‏ (GTM-) משמש כברירת מחדל, ומזהים ספציפיים ליעד משמשים לזיהוי מוצרים ספציפיים של Google. בטבלה הבאה מפורטות התחיליות הנתמכות של המזהים:

תחילית	סוג המזהה	תיאור
GTM-XXXXXX	מזהה מאגר התגים ב-Google Tag Manager (ברירת מחדל)	מזהה ברירת המחדל של מאגרי התגים ב-Google Tag Manager. תומך בכל התגים של Google, של צדדים שלישיים ובהתאמה אישית.
G-XXXXXX	מזהה ספציפי ליעד	מזהה יעד ב-Google Analytics (מזהה מדידה).
AW-XXXXXX	מזהה ספציפי ליעד	מזהה יעד מודעה ב-Google Ads (מזהה המרה).
DC-XXXXXX	מזהה ספציפי ליעד	מזהה יעד ב-Floodlight (מזהה מפרסם).
MC-XXXXXX	מזהה ספציפי ליעד	מזהה יעד ב-Google Merchant Center.
GT-XXXXXX	מזהה Google Tag	מזהה Google Tag שנוצר בגרסאות קודמות.

בדפי אינטרנט שמוגדרים עם Google Tag, אפשר להשתמש במזהה מאגר תגים של GTM- או במזהה ספציפי ליעד, כמו G- (Google Analytics), ‏AW- (Google Ads), ‏DC- (Floodlight) או MC- (Merchant Center). אם הדף כבר טוען Google Tag עם אחד מהמזהים האלה, אתם יכולים לקשר יעדים נוספים ב-Google Tag Manager במקום להוסיף עוד קוד תג לדף. מידע נוסף על הגדרת מזהי תגים

הערה: התחילית של מזהה מאגר התגים באתר (למשל GTM- לעומת G- או AW-) קובעת את הרשאות ההפעלה של הסקריפט ואת היכולות שלו. לפרטים, ראו סוגי מאגרים ותחיליות של מזהים.

Google Tag Manager

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

<!-- Google tag -->
<script async src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
</script>

קטעי קוד מגרסאות קודמות נראים כמו בדוגמה הבאה:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

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