מצב אינטראקציה ישירה: טעינת סקריפטים של Google באמצעות תיוג בצד השרת

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

תיוג בצד השרת מאפשר לטעון סקריפטים של Google, כמו gtm.js או gtag.js, ישירות משרת התיוג במקום מהשרתים של Google. כך תוכלו להציג נתונים בהקשר של אינטראקציה ישירה (First-Party).

במדריך הזה אנחנו יוצאים מנקודת הנחה שביצעתם את הפעולות הבאות:

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

שלב 1: הגדרת הלקוח

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

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

  1. פותחים את Google Tag Manager.
  2. במאגר התגים של השרת, לוחצים על Clients (לקוחות).
  3. לוחצים על חדש.

  4. בוחרים את סוג הלקוח Google Tag Manager: מאגר תגים לאתר. תיבת הדו-שיח לבחירת סוג הלקוח ב-Tag Manager: לקוח Web Container מודגש

  5. בקטע Client Configuration:

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

    צילום מסך של לקוח מאגר התגים באתר של Tag Manager

  6. נותנים שם ללקוח ולוחצים על שמירה.

  7. מפרסמים את סביבת העבודה.

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

כברירת מחדל, Tag Manager או gtag.js טוענים את יחסי התלות שלהם משרתים בבעלות Google, כמו https://example.com/metrics. כדי לטעון יחסי תלות דרך השרת שלכם, עליכם לעדכן את כתובת ה-URL של הסקריפט באתר.

כדי לטעון את קוד GTM דרך מאגר התגים של השרת:

  1. מאתרים את קוד Tag Manager הקיים בדף.

  2. מחליפים את המחרוזת https://example.com/metrics בשם הדומיין של שרת התיוג בשדות <head> ו-<body> בקוד ההתקנה של Google Tag Manager.

    • ראש:
    <!-- 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://example.com/metrics/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->
    • Body:
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://example.com/metrics/ns.html?id=TAG_ID"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

שלב 3: אימות המקור של הסקריפטים

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

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

  1. פותחים את האתר בכרטיסייה חדשה בדפדפן.
  2. פותחים את הכלים למפתחים בדפדפן. ב-Google Chrome אפשר ללחוץ לחיצה ימנית במקום כלשהו בדף ולבחור באפשרות בדיקה.

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

    • ✅ ההטמעה תקינה אם הערך של gtm.js נטען מהמקור שציינתם.

    צילום מסך של הכלים למפתחים עם השרת שלכם כמקור לסקריפטים של Google

    • ❌ אם בכרטיסייה מקורות מוצג www.googletagmanager.com כמקור של gtm.js, יחסי התלות עדיין נטענים משרתי Google.

    צילום מסך של כלי הפיתוח, שבו www.googletagmanager.com מופיע כמקור לסקריפטים של Google

    • בודקים אם שיניתם את כתובת ה-URL של המקור בקוד. לפרטים, אפשר לעיין בשלב 2.
    • בודקים שהקוד פעיל.

השלבים הבאים

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