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

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

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

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

Tag Assistant

Google Tag Assistant הוא כלי לניתוח תגים שמיועד להתקנות של Google Tag (gtag.js). כשהתכונה מופעלת, 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. כדאי לחפש בקוד המקור מערכות פוטנציאליות לניהול תגים של צד שלישי, כמו utag.js או _satellite.

Google Tag‏ (gtag.js)

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

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

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

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

  <!-- Google tag (gtag.js) -->
  <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', 'UA-XXXXXX-1');
    gtag('config', 'UA-YYYYYY-2');
    gtag('config', 'TAG_ID');
  </script>

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

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

מזהה תג משמש כמזהה של Google Tag. ל-Google Tag אחד יכולים להיות מספר מזהי תג. למשל, אם אתם משתמשים ב-Google Ads, לתג יש עכשיו שני מזהים: מזהה אחד מדור קודם (AW) ומזהה Google Tag אחד (GT). מסך שבו מוצג Google Tag ב-Google Ads עם שני מזהי תג. מזהי התגים ניתנים להחלפה. בטבלה הבאה מופיעה סקירה כללית של התגים שתואמים ל-Google Tag.
תחילית סוג המזהה תיאור
GT-XXXXXX Google Tag כל Google Tag חדש שנוצר מקבל קידומת GT ומזהה ייחודי.
G-XXXXXX Google Tag (הקידומת הקודמת) תגי Google Analytics 4 הם תגי Google Tag עם קידומת G ומזהה ייחודי.
AW-XXXXXX Google Tag (הקידומת הקודמת) תגי Google Ads הם תגי Google עם קידומת AW ומזהה ייחודי.
DC-XXXXXX Google Tag (הקידומת הקודמת) תגי Google Floodlight הם תגי Google עם קידומת DC ומזהה ייחודי.
תגי Universal Analytics (UA) לא תואמים ל-Google Tag (GT).

לדפי אינטרנט שהוגדרו באמצעות Google Tag יכול להיות מזהה עם הקידומת 'G' או 'AW'. המשמעות של הקידומת "G" היא ש-Google Tag נוצר במקור ב-Google Analytics. הקידומת 'AW' פירושה ש-Google Tag נוצר במקור ב-Google AdWords. שני המזהים הם גרסאות שונות של מזהה התג, וניתן להחליף ביניהם, כך שאם מופיע מזהה עם אחת מהקידומות, אין צורך להוסיף מזהה עם הקידומת השנייה. מידע נוסף על הגדרת מזהי תגים

Google Tag Manager

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

<!-- 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 ולוחצים על כדי לחפש את המזהה הזה. לאחר מכן אפשר לבדוק את התג, הטריגר והגדרות המשתנה של האתר.