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

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

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

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

• دستیار برچسب گوگل
• ویژگی‌های درون گوگل تگ منیجر
• تکنیک‌های بازرسی دستی کد

دستیار برچسب

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

مدیر برچسب

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

جستجو

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

نسخه‌ها

ویژگی Versions در Tag Manager خلاصه‌ای از پیکربندی کانتینر موجود را نشان می‌دهد.

1. در تگ منیجر، روی نسخه‌ها کلیک کنید.
2. برای مشاهده وضعیت فعلی کانتینر، روی جدیدترین نسخه در لیست کلیک کنید.

مدیر برچسب، برچسب ها، محرک ها، متغیرها و قالب های سفارشی را در این نما فهرست می کند.

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

حالت پیش‌نمایش در Tag Manager نشان می‌دهد که چه تگ‌هایی در صفحه فعال می‌شوند، چه رویدادهایی آن تگ‌ها را فعال می‌کنند و چه داده‌هایی به لایه داده ارسال می‌شوند. حالت پیش‌نمایش تقریباً مشابه Tag Assistant عمل می‌کند. درباره حالت پیش‌نمایش بیشتر بدانید .

بررسی دستی کد

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

• gtag( – این شروع دستورات gtag() است و این قطعات کد اغلب حاوی ابزار دقیق اضافی هستند.
• googletagmanager.com – این دامنه هم قابلیت‌های Tag Manager و هم gtag.js را بارگذاری می‌کند و می‌تواند به شما در یافتن این نوع تگ‌ها کمک کند.

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

• dataLayer - می‌تواند برای فهمیدن اینکه آیا کد لایه داده ایجاد شده است یا خیر، استفاده شود و dataLayer.push() با ابزار دقیق برای رویدادهای خاص فراخوانی می‌شود.
• analytics.js یا ga.js – نام فایل‌های کتابخانه‌های مورد استفاده برای پیاده‌سازی‌های قدیمی گوگل آنالیتیکس.
• conversion.js یا conversion_async.js - نام فایل‌های کتابخانه‌های مورد استفاده برای اندازه‌گیری تبدیل گوگل ادز.
• optimize.js - برای تگ‌های Google Optimize استفاده می‌شود.
• سیستم‌های مدیریت برچسب شخص ثالث که ممکن است حاوی برچسب‌های گوگل باشند. در کد منبع خود به دنبال سیستم‌های مدیریت برچسب شخص ثالث بالقوه مانند utag.js یا _satellite بگردید.

gtag.js

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

  <!-- Google tag (gtag.js) -->
  <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) -->
  <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>

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

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

صفحات وب پیکربندی‌شده با تگ گوگل ممکن است شناسه‌ای با پیشوند "G" یا "AW" داشته باشند. پیشوند "G" به این معنی است که تگ گوگل شما در ابتدا در گوگل آنالیتیکس ایجاد شده است. پیشوند "AW" به این معنی است که تگ گوگل شما در ابتدا در گوگل ادوردز ایجاد شده است. این دو شناسه نسخه‌های مختلفی از شناسه تگ شما هستند و قابل تعویض هستند، بنابراین اگر شناسه‌ای با یکی از پیشوندها مشاهده کردید، نیازی به اضافه کردن شناسه‌ای با پیشوند دیگر ندارید. درباره تنظیم شناسه‌های تگ بیشتر بدانید.

مدیریت برچسب گوگل

صفحات وب پیکربندی‌شده با 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 -->

وقتی شناسه کانتینر را پیدا کردید، صفحه حساب‌های گوگل تگ منیجر را باز کنید و برای جستجوی این شناسه search کلیک کنید. سپس می‌توانید پیکربندی برچسب [tag, trigger, and variable configuration] را برای وب‌سایت خود بررسی کنید.