לפני שמתקינים תגים חדשים, כדאי להעריך את התגים שכבר קיימים באתר או באפליקציה לנייד, אם יש כאלה, כדי שלא תצטרכו להוסיף תגים מיותרים. במאמר הזה מתוארות דרכים להערכת התגים הקיימים.
גם אחרי הבדיקה הראשונית, כדאי לשלב בדיקות קבועות כחלק מתהליך ניהול התגים הרגיל. להגנה על הנתונים ולאבטחה שלהם, חשוב לבצע הערכה קבועה של התגים שפועלים באתר או באפליקציה.
כדי לבדוק את התגים הקיימים, אפשר להיעזר במקורות המידע הבאים:
- Google Tag Assistant
- תכונות ב-Google Tag Manager
- שיטות לבדיקת קוד ידנית
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 מציגה סיכום של הגדרה קיימת של מאגר תגים.
- ב-Tag Manager, לוחצים על Versions (גרסאות).
- לוחצים על הגרסה העדכנית ביותר ברשימה כדי להציג את המצב הנוכחי של הקונטיינר.
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 עם שני מזהי תג.](https://developers.google.cn/static/tag-platform/images/manage-google-tag.png?authuser=0&hl=he)
תחילית | סוג המזהה | תיאור |
---|---|---|
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 ומזהה ייחודי. |
לדפי אינטרנט שהוגדרו באמצעות 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 ולוחצים על כדי לחפש את המזהה הזה. לאחר מכן אפשר לבדוק את התג, הטריגר והגדרות המשתנה של האתר.