راه‌اندازی برچسب Google با gtag.js

توجه: توصیه می‌کنیم از Google Tag Manager برای راه‌اندازی و استقرار برچسب‌ها در سایتتان استفاده کنید.

برچسب Google برچسبی تکی است که می‌توانید به وب‌سایتتان اضافه کنید تا از محصولات تبلیغاتی و سنجشی Google مثل Google Ads،‏ Google Analytics، «مدیر پویش»، Display & Video 360، و Search Ads 360 استفاده کنید. به‌جای مدیریت برچسب‌های متعدد برای محصولات مختلف Google، می‌توانید از برچسب Google در کل سایت خود استفاده کنید و برچسب را به مقصدهای متعدد متصل کنید.

درباره برچسب Google بیشتر بدانید

این صفحه نحوه راه‌اندازی و استقرار برچسب Google را در سایتتان بااستفاده از چارچوب gtag.js توضیح می‌دهد.

مزايا

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

• سنجش تبدیل با پیش‌بینی آینده. از جدیدترین ویژگی‌ها و ادغام‌ها به‌محض دردسترس قرار گرفتن بهره‌مند شوید تا درصورت بروز تغییرات، برای ادامه اندازه‌گیری دقیق تبدیل‌ها آمادگی بیشتری داشته باشید.
• مدیریت برچسب بدون کد. ویژگی‌های اندازه‌گیری را در محصولات Google روشن کنید بدون اینکه لازم باشد برچسب‌های صفحه‌تان را به‌طور دستی تغییر دهید.
• ادغام سریع‌تر و آسان‌تر. پیاده‌سازی ساده‌تر و کارآمدتر و ادغام با دیگر محصولات Google، مثل Analytics و Google Ads.
• سنجش تبدیل دقیق‌تر. برچسب Google به شما کمک می‌کند وقتی کوکی‌ها دردسترس نیستند، سنجش تبدیل دقیق‌تری داشته باشید و تبدیل‌هایی را که امروزه به‌دلیل عوامل صنعتی مشاهده نمی‌شوند بازیابی کنید.

افزودن برچسب Google به وب‌سایت

توجه: همه برچسب‌های Google‏ (gtag.js) را ارتقا داده‌ایم تا قابلیت‌های «مدیریت برچسب Google» را دربرگیرند. وب‌سایت‌هایی که فقط از gtag.js استفاده می‌کنند اکنون می‌توانند از ویژگی‌های برچسب‌گذاری مبتنی بر میانای کاربر، اشکال‌زدایی، و کنترل نسخه موجود استفاده کنند که GTM را به ابزاری بسیار قدرتمند تبدیل می‌کند.

اگر برای اولین‌بار است که برچسب Google نصب می‌کنید، توصیه می‌کنیم از Google Tag Manager استفاده کنید. پیاده‌سازی‌های موجود همچنان پشتیبانی خواهند شد و هیچ اقدامی لازم نیست.

برای جمع‌آوری داده‌ها با برچسب Google:

1. یکی از محصولات Google را که استفاده می‌کنید باز کنید و به صفحه برچسب Google بروید. نحوه پیدا کردن شناسه برچسب در:

   • Google Ads
   • Google Analytics
   • Google Floodlight

2. شناسه برچسب Google خود را کپی کنید.

3. شناسه برچسب Google خود را در نمونه کد زیر جای‌گذاری کنید. تکه‌کد برچسب Google را بلافاصله پس‌از تگ HTML آغازین <head> در هر صفحه‌ای که می‌خواهید اندازه‌گیری شود قرار دهید.

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

   توجه: فرمان gtag('config') منسوخ شده است و دیگر در قطعه‌های نصب پیش‌فرض گنجانده نمی‌شود. تنظیمات و مقصدها را در میانای کاربری Google Tag Manager پیکربندی کنید، یا از gtag('set') برای پارامترهای درون‌صفحه استفاده کنید. قطعه‌های موجود حاوی gtag('config') برای سازگاری با نسخه قدیمی همچنان کار خواهند کرد. بیشتر بدانید.

درستی‌سنجی برچسب Google

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

درستی‌سنجی با «دستیار برچسب»

1. به tagassistant.google.com/ بروید.
2. روی افزودن دامنه کلیک کنید.
3. نشانی وب وب‌سایتی را که می‌خواهید اشکال‌زدایی کنید وارد کنید، این نشانی باید با «https://‎» یا «http://‎» شروع شود.
4. روی اتصال کلیک کنید.

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

اگر Tag Assistant برچسب شما را تشخیص نمی‌دهد، نکات اشکال‌زدایی را در مرکز راهنمایی Tag Manager پیدا کنید.

همچنین می‌توانید به خلاصه پوشش برچسبی دسترسی پیدا کنید تا نمای کلی وضعیت برچسب‌گذاری سایتتان را ببینید.

درستی‌سنجی با ابزارهای توسعه‌دهنده مرورگر

برای تأیید اینکه برچسب‌ها در صفحه فعال می‌شوند:

1. وب‌سایتتان را در Google Chrome باز کنید.
2. «ابزارهای توسعه‌دهنده Chrome» را باز کنید (مشاهده > توسعه‌دهنده > ابزارهای توسعه‌دهنده).
3. برگه شبکه را باز کنید.
4. صفحه را بازخوانی کنید.

5. اگر درخواست‌هایی برای googletagmanager.com می‌بینید، برچسب شما درحال فعال شدن است.

   با جستجوی بازدیدهای محصولات خاص Google، می‌توانید راه‌اندازی‌تان را بیشتر بررسی کنید:

   • Google Ads: فیلتر کردن درخواست‌ها به googleadservices.com یا googlesyndication.com.
   • Google Analytics: فیلتر کردن درخواست‌ها به google-analytics.com یا analytics.google.com.
   • Floodlight: فیلتر کردن درخواست‌ها به doubleclick.net.

   اگر درخواست‌های محصولی را که پیکربندی کرده‌اید نمی‌بینید، ممکن است محصول را فقط با فرمان config بار کرده باشید اما هیچ رویدادی ارسال نمی‌کنید. بررسی کنید که آیا بااستفاده از فرمان event برای این محصول رویداد ارسال می‌کنید یا نه. برای مثال، Google Analytics به‌طور خودکار رویداد page_view را هنگام فراخوانی فرمان config ارسال می‌کند، مگراینکه send_page_view را روی false تنظیم کنید.

   اگر هنوز درخواستی نمی‌بینید، کنسول ابزارهای توسعه‌دهنده را برای وجود خطا بررسی کنید.

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

   برای اشکال‌زدایی دقیق، از [Tag Assistant][vn_Tag_Assistant] استفاده کنید.

   [vn_Tag_Assistant]: //tagassistant.google.com

برای اطلاعات دقیق‌تر درباره درستی‌سنجی راه‌اندازی Google Analytics، شناسایی مشکلات درصورت عدم نمایش داده‌ها، و درک زمان‌بندی پردازش داده‌ها، به درستی‌سنجی و عیب‌یابی راه‌اندازی Google Analytics مراجعه کنید.

مراحل بعدی

اکنون که برچسب Google را راه‌اندازی کرده‌اید، محصولات Google را پیکربندی کنید و داده‌های رویداد را ارسال کنید.