התקנת Google Tag Manager לדפי אינטרנט

מידע על Tag Manager

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

לפני שמתחילים

יוצרים חשבון ומאגר תגים של Google Tag Manager. מידע נוסף

התקנה רגילה של דפי אינטרנט

ברוב המקרים, הדרך הקלה ביותר להתחיל היא לחפש את הקוד והוראות ב-Tag Manager.

  1. ב-Google Tag Manager, לוחצים על Workspace.
  2. לוחצים על המזהה של מאגר התגים (בפורמט GTM-XXXXXX) בחלק העליון של החלון כדי להפעיל את החלון התקנה של Tag Manager
    GTMID
  3. מטמיעים את התג בכל דף באתר לפי ההוראות שסופקו.
    המיקום הראשון של גוש הקוד הוא מיד אחרי תג הפתיחה של דף האינטרנט, <head>, או גבוה יותר ב-<head> עד כמה שניתן. כך אפשר לוודא שההגדרות ב-Tag Manager זמינות ומוכנים עם טעינה של שאר הדף.
    מסך ההתקנה של Tag Manager
  4. אופציונלי, אבל מומלץ: להתקין אובייקט של שכבת נתונים. שכבת נתונים תאפשר מדידה משופרת של הגדרות התגים.
  5. מפרסמים את המאגר.

בסיום התקנת Tag Manager, כל הגדרות התג יבוצעו ב-Tag Manager.

התקנות אינטרנט מותאמות אישית

במקרים נדירים (למשל, בעת יצירת תבנית חדשה עבור מערכת ניהול תוכן או תבנית מסחר אלקטרוני), מומלץ לקוד תג מותאם אישית של gtm.js. הוסיפו את הקוד הבא כך שהוא יהיה קרוב ככל האפשר לתג <head> הפותח בכל דף באתר. מחליפים את GTM-XXXXXX במזהה מאגר התגים:

<!-- 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 -->

לאחר מכן, הוסיפו את הקוד הזה מיד אחרי אלמנט ה-<body> הפותח בכל דף באתר שלכם. מחליפים את GTM-XXXXXX במזהה מאגר התגים:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

קבלת הנחיות הגדרה ספציפיות למוצר

לחצו על הקישורים שבהמשך כדי ללמוד איך להגדיר את Tag Manager למוצרים ספציפיים: