analytics.js را به سایت خود اضافه کنید

کتابخانه analytics.js (همچنین به عنوان "برچسب Google Analytics" شناخته می شود) یک کتابخانه جاوا اسکریپت برای سنجش نحوه تعامل کاربران با وب سایت شما است. این سند نحوه اضافه کردن تگ Google Analytics را به سایت خود توضیح می دهد.

تگ گوگل آنالیتیکس

تگ Google Analytics باید نزدیک بالای تگ <head> و قبل از هر اسکریپت یا تگ CSS دیگری اضافه شود و شناسه ویژگی خاصیت Google Analytics را که می خواهید با آن کار کنید اضافه کنید.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

کد بالا چهار کار اصلی را انجام می دهد:

  1. یک عنصر <script> ایجاد می کند که به طور ناهمزمان دانلود کتابخانه جاوا اسکریپت analytics.js را از https://www.google-analytics.com/analytics.js شروع می کند.
  2. یک تابع ga سراسری (به نام صف فرمان ga() ) را راه‌اندازی می‌کند که به شما امکان می‌دهد دستورات را برای اجرا زمانی که کتابخانه analytics.js بارگیری و آماده کار شد، برنامه‌ریزی کنید.
  3. دستوری را به صف فرمان ga() اضافه می کند تا یک شی ردیاب جدید برای ویژگی مشخص شده از طریق پارامتر 'GA_MEASUREMENT_ID' ایجاد کند.
  4. دستور دیگری را به صف فرمان ga() اضافه می کند تا یک صفحه نمایش را برای صفحه فعلی به Google Analytics ارسال کند .

پیاده‌سازی‌های سفارشی ممکن است نیاز به تغییر دو خط آخر تگ Google Analytics (فرمان‌های create و send ) یا افزودن کد اضافی برای ثبت تعاملات بیشتر داشته باشند. با این حال، نباید کدی را که کتابخانه analytics.js را بارگیری می کند یا تابع صف فرمان ga() را تغییر دهید.

برچسب ناهمگام جایگزین

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

تگ async جایگزین زیر، پشتیبانی از بارگذاری پیش‌بار را اضافه می‌کند، که عملکرد کمی را در مرورگرهای مدرن افزایش می‌دهد، اما می‌تواند به بارگیری و اجرای همزمان در IE 9 و مرورگرهای تلفن همراه قدیمی‌تر که ویژگی اسکریپت async را نمی‌شناسند، کاهش یابد. فقط در صورتی از این پیکربندی تگ استفاده کنید که بازدیدکنندگان شما در درجه اول از مرورگرهای مدرن برای دسترسی به سایت شما استفاده می کنند.

<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

تگ گوگل آنالیتیکس چه داده هایی را جمع آوری می کند؟

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

  • کل زمانی که کاربر در سایت شما صرف می کند.
  • زمانی که کاربر در هر صفحه می گذراند و به چه ترتیبی از آن صفحات بازدید شده است.
  • روی چه پیوندهای داخلی کلیک شده است (براساس URL نمایش صفحه بعدی).

علاوه بر این: آدرس IP، رشته عامل کاربر و بازرسی اولیه صفحه که analytics.js هنگام ایجاد یک شی ردیاب جدید انجام می دهد برای تعیین مواردی مانند:

  • موقعیت جغرافیایی کاربر.
  • چه مرورگر و سیستم عاملی استفاده می شود.
  • اندازه صفحه و نصب فلش یا جاوا.
  • سایت ارجاع دهنده

مراحل بعدی

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

راهنماهای موجود در این سایت توضیح می‌دهند که چگونه می‌توان تعاملات مورد علاقه‌تان را با analytics.js اندازه‌گیری کرد، اما قبل از پیاده‌سازی یک ویژگی خاص، به شدت توصیه می‌شود که راهنماهای فهرست‌شده در بخش اصول در ناوبری سمت چپ را بخوانید. این راهنماها به شما یک نمای کلی در سطح بالا از کتابخانه analytics.js می دهد و به شما کمک می کند تا نمونه کدهای مورد استفاده در سایت را بهتر درک کنید.

راهنمای بعدی این مجموعه نحوه عملکرد analytics.js را توضیح می دهد.