این مقاله برای توسعه دهندگانی است که از برچسب گذاری سمت سرور استفاده می کنند و می خواهند اسکریپت های Google را از سرورهای خود ارائه دهند.
برچسبگذاری سمت سرور به شما امکان میدهد اسکریپتهای Google، مانند gtm.js یا gtag.js را مستقیماً از سرور برچسبگذاری خود به جای سرورهای Google بارگیری کنید. این به شما امکان می دهد داده ها را در یک زمینه شخص اول ارائه دهید.
قبل از شروع
این راهنما فرض می کند که شما کارهای زیر را انجام داده اید:
- یک کانتینر سرور را در Tag Manager تنظیم کنید
- یک سرور برچسب گذاری راه اندازی کنید
- یک دامنه سرور سفارشی پیکربندی شده است
برای شروع، گزینه پیاده سازی خود را انتخاب کنید.
مرحله 1: مشتری را پیکربندی کنید
برای ایجاد یک زمینه شخص اول بین محفظه وب و سرور برچسبگذاری شما، اسکریپتهای Google باید از طریق سرور شما بارگیری شوند.
برای بارگیری اسکریپت های Google از طریق ظرف سرور خود:
- گوگل تگ منیجر را باز کنید
- در ظرف سرور خود، روی Clients کلیک کنید.
- روی New کلیک کنید
نوع سرویس گیرنده Google Tag Manager: Web Container را انتخاب کنید.
در پیکربندی مشتری :
- افزودن شناسه کانتینر : شناسه کانتینر ظرف وب Tag Manager را که در وب سایت خود استفاده خواهید کرد، وارد کنید.
- سرویس دهی خودکار همه اسکریپتهای وابسته به Google : وقتی فعال باشد (تنظیم پیشفرض)، سرور برچسبگذاری بهطور خودکار اسکریپتهایی را که برای اسکریپت اصلی Google مورد نیاز است، ارائه میکند. این نیاز به فهرست مجاز هر ظرفی را که اسکریپت Google به آن نیاز دارد حذف می کند. اگر فقط میخواهید ظرف اولیه را از سرور برچسبگذاری سرو کنید، این گزینه را از حالت انتخاب خارج کنید.
- فعال کردن تنظیمات خاص منطقه : از این گزینه برای فعال کردن برچسبهای خاص بر اساس موقعیت مکانی کاربر استفاده کنید. بیشتر بدانید .
نام مشتری و ذخیره کنید .
فضای کاری را منتشر کنید .
مرحله 2: دامنه منبع اسکریپت را به روز کنید
بهطور پیشفرض، Tag Manager یا gtag.js وابستگیهای خود را از سرورهای متعلق به Google، مانند https://example.com/metrics
بارگیری میکنند. شما باید URL اسکریپت را در وب سایت خود به روز کنید تا وابستگی ها را از طریق سرور خود بارگیری کنید.
برای بارگیری کد GTM از طریق ظرف سرور:
- کد Tag Manager موجود در صفحه را پیدا کنید.
رشته
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 -->- بدن :
<!-- 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 را نشان می دهد. شما می توانید از هر مرورگر دلخواه خود استفاده کنید، اما مراحل ممکن است متفاوت باشد.
برای آزمایش اینکه آیا کانتینر سرور شما در حال بارگیری وابستگی ها است:
- وب سایت خود را در یک تب مرورگر جدید باز کنید.
- ابزارهای توسعه دهنده مرورگر را باز کنید. در Google Chrome، میتوانید در هر نقطه از صفحه کلیک راست کرده و Inspect را انتخاب کنید.
در ابزارهای توسعه دهنده، تب Sources را باز کنید. این پنجره تمام وابستگی هایی را که هنگام باز کردن وب سایت بارگیری شده اند را نشان می دهد.
- ✅ اگر
gtm.js
از منبعی که شما مشخص کردید بارگیری شود، پیاده سازی شما صحیح است.
- ❌ اگر برگه Sources
www.googletagmanager.com
به عنوان منبعgtm.js
نشان دهد، وابستگی ها همچنان از سرورهای Google بارگیری می شوند.
- بررسی کنید که آیا URL منبع را در کد خود تغییر داده اید، به مرحله 2 مراجعه کنید.
- بررسی کنید که آیا کد فعال است یا خیر.
- ✅ اگر
مراحل بعدی
اگر از حالت رضایت استفاده میکنید، میتوانید رفتار برچسبهای خاص منطقه را برای کنترل بیشتر تنظیم کنید.