تجزیه‌وتحلیل پیکربندی‌های برچسب موجود

قبل‌از نصب برچسب‌های جدید، برچسب‌هایی را که ازقبل در وب‌سایت یا برنامه تلفن همراهتان وجود دارد (درصورت وجود) ارزیابی کنید تا برچسب‌های تکراری اضافه نکنید. این سند روش‌های ارزیابی برچسب‌های موجود را شرح می‌دهد.

حتی پس‌از ارزیابی مقدماتی، باید بررسی‌های منظم را به‌عنوان بخشی از فرایند استاندارد مدیریت برچسب خود بگنجانید. ارزیابی منظم برچسب‌هایی که در وب‌سایت یا برنامه‌تان اجرا می‌شوند برای حفاظت از داده و امنیت مهم است.

برای ارزیابی برچسب‌های موجود، از منابع زیر استفاده کنید:

• دستیار برچسب Google
• ویژگی‌های موجود در Google Tag Manager
• فن‌های بازرسی دستی کد

Tag Assistant

دستیار برچسب Google ابزار تجزیه‌وتحلیل برچسب برای نصب برچسب Google است. وقتی فعال باشد، Tag Assistant قاب اشکال‌زدایی را در مرورگر نمایش می‌دهد تا بتوانید بررسی کنید کدام فرمان‌های gtag.js و با چه ترتیبی اجرا شده‌اند. «دستیار برچسب» نشان می‌دهد چه داده‌هایی به لایه داده منتقل می‌شود و چه رویدادهایی آن تبادل داده را راه‌اندازی کرده است. همچنین بازدیدها (درخواست‌های HTTP) و پارامترهای مرتبط را نمایش می‌دهد. درباره «دستیار برچسب» بیشتر بدانید.

Tag Manager

می‌توانید حساب‌ها و محتوی Tag Manager را برای تجزیه‌وتحلیل پیکربندی‌های برچسب موجود بازرسی کنید. Tag Manager همچنین دارای حالت پیش‌نمایش است که عملکردی مشابه دستیار برچسب دارد.

جستجو

از نوار جستجو در محتوی Tag Manager برای پیدا کردن برچسب‌ها، تنظیمات، یا خطوط کد در برچسب‌ها، راه‌اندازها، و متغیرها استفاده کنید. نوار جستجو روشی عالی برای مشخص کردن برچسب‌هایی است که ممکن است حاوی تنظیمات یا کدی باشند که باید دوباره ارزیابی کنید.

نسخه‌ها

ویژگی نسخه‌ها در «مدیر برچسب» خلاصه‌ای از پیکربندی محتوی موجود را نشان می‌دهد.

1. در «مدیر برچسب»، روی نسخه‌ها کلیک کنید.
2. روی جدیدترین نسخه در فهرست کلیک کنید تا وضعیت فعلی محفظه را ببینید.

«مدیر برچسب» برچسب‌ها، راه‌اندازها، متغیرها، و الگوهای سفارشی را در این نما فهرست می‌کند.

حالت پیش‌نمایش

حالت پیش‌نمایش در Tag Manager نشان می‌دهد چه برچسب‌هایی در صفحه فعال می‌شوند، چه رویدادهایی آن برچسب‌ها را راه‌اندازی می‌کنند، و چه داده‌هایی به لایه داده ارسال می‌شود. حالت پیش‌نمایش عملکردی بسیار شبیه به «دستیار برچسب» دارد. درباره حالت پیش‌نمایش بیشتر بدانید.

بازرسی دستی کد

برای دریافت تجزیه‌وتحلیل کامل‌تر از پیکربندی‌های برچسب موجود، بازرسی دستی کد را درنظر بگیرید. کد منبع خود را برای برخی‌از این کلیدواژه‌های برچسب رایج جستجو کنید تا به شناسایی پیکربندی‌های احتمالی برچسب کمک کند:

• gtag( – این بخش آغازین برای gtag() فرمان‌ها است، و این قطعه‌های کد اغلب حاوی ابزار دقیق اضافی هستند.
• googletagmanager.com – این دامنه هم عملکرد «مدیر برچسب» و هم gtag.js را بار می‌کند و می‌تواند به شما کمک کند این نوع برچسب‌ها را پیدا کنید.

اگر ازقبل gtag.js یا «مدیریت برچسب Google» را دارید، ممکن است بتوانید برچسب‌ها یا ابزار موجود را به‌جای پیاده‌سازی پیکربندی‌های جدید به‌روز کنید.

• 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

اگر تکه‌کد برچسب Google را به صفحه وب خود اضافه کرده‌اید، می‌توانید برچسب را مرور کنید تا اطلاعات بیشتری درباره کاربرد آن پیدا کنید. تکه‌کد برچسب Google فعلی شبیه نمونه زیر است:

  <!-- 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، مقاصد و پارامترهای اضافی در میانای کاربری Google Tag Manager پیکربندی می‌شوند، نه با افزودن چندین خط gtag('config') در صفحه. تماس‌های gtag('config') موجود برای سازگاری با نسخه قدیمی همچنان کار خواهند کرد. بیشتر بدانید.

هر خط config در نسخه‌های قبلی حاوی پیشوند محصول (که نشان می‌دهد کدام محصول درحال پیکربندی است) و به‌دنبال آن شناسه حسابی است که درحال پیکربندی است. اطلاعات بیشتر درباره پیشوندهای محصول را ببینید.

توجه: محصول و حسابی که شناسه آن در نشانی وب منبع کد نشان داده می‌شود (یعنی شناسه بالای قطعه کد بعداز www.googletagmanager.com/gtm.js?id یا /gtag/js?id) همان محصول و حسابی است که برچسب Google را «کنترل» می‌کند. در برخی موارد، دانستن این موضوع مهم است، زیرا برخی ویژگی‌ها مانند برچسب‌های سایت متصل‌شده برای دارایی‌های Google Analytics فقط از داخل برچسبی که توسط آن محصول و حساب کنترل می‌شود، قابل فعال‌سازی هستند.

پیشوندهای محصول برای برچسب Google

شناسه برچسب یا حامل، حامل Google Tag Manager یا پیکربندی مقصد Google را که توسط تکه‌کد برچسب Google شما بار شده است شناسایی می‌کند. نصب‌های جدید به‌طور پیش‌فرض از شناسه محفظه 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	برچسب Google ایجادشده در نسخه‌های قبلی را شناسایی می‌کند.

صفحه‌های وبی که با برچسب Google پیکربندی شده‌اند ممکن است از شناسه محفظه GTM- یا شناسه مقصد خاصی مثل G- (Google Analytics)،‏ AW- (Google Ads)،‏ DC- (Floodlight)، یا MC- (Merchant Center) استفاده کنند. اگر صفحه‌تان ازقبل برچسب Google را با یکی از این شناسه‌ها بار می‌کند، می‌توانید به‌جای افزودن تکه‌کد برچسب دیگری به صفحه، مقصدهای دیگری را در «مدیریت برچسب Google» متصل کنید. درباره راه‌اندازی شناسه برچسب بیشتر بدانید

توجه: پیشوند شناسه محفظه‌ای که در سایتتان دارید (مثل GTM- درمقابل G- یا AW-) اجازه‌ها و قابلیت‌های اجرای دستورگان آن را تعیین می‌کند. برای جزئیات، انواع محفظه و پیشوندهای شناسه را ببینید.

Google 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 را باز کنید و روی کلیک کنید تا این شناسه را جستجو کنید. سپس می‌توانید [پیکربندی برچسب، راه‌انداز، و متغیر]پیکربندی برچسب را برای وب‌سایتتان بررسی کنید.