رویدادها به شما این امکان را می دهند که تعاملات کاربر را در وب سایت یا برنامه خود اندازه گیری کنید. به عنوان مثال، می توانید اندازه گیری کنید که شخصی صفحه ای را بارگذاری می کند، روی پیوند کلیک می کند و خرید می کند. Google Analytics از داده های رویدادها برای ایجاد گزارش هایی با اطلاعات کسب و کار شما استفاده می کند. بیشتر بدانید
این راهنما به شما نشان می دهد که چگونه رویدادهای توصیه شده و رویدادهای سفارشی را در وب سایت خود با استفاده از تگ Google (gtag.js) یا Google Tag Manager تنظیم کنید. نیازی نیست رویدادهای اندازهگیری بهطور خودکار جمعآوریشده و بهبودیافته را تنظیم کنید.
مخاطب
شما Google Analytics را راهاندازی کردهاید و شروع به دیدن دادهها در گزارشهای خود کردهاید، اما میخواهید اطلاعات بیشتری از آنچه Analytics بهطور خودکار جمعآوری میکند جمعآوری کنید، یا میخواهید قفل ویژگیها و قابلیتهای خاصی را در Analytics باز کنید.
قبل از شروع
این راهنما فرض می کند که شما کارهای زیر را انجام داده اید:
- یک حساب کاربری و ویژگی Google Analytics ایجاد کنید
- یک جریان داده وب برای وب سایت خود ایجاد کنید
- تگ گوگل را در وب سایت خود قرار دهید
همچنین فرض می کند که شما موارد زیر را دارید:
- به کد منبع وب سایت خود دسترسی داشته باشید
- نقش ویرایشگر در حساب Google Analytics
نمای کلی تگ گوگل (gtag.js).
از API تگ Google (gtag.js) برای ارسال رویدادها به Google Analytics استفاده کنید. API دارای یک تابع به نام gtag()
است و هر زمان که می خواهید رویدادی را به Google Analytics ارسال کنید، از دستور زیر استفاده می کنید:
gtag('event', '<event_name>', {
<event_parameters>
});
در این مثال، تابع gtag()
شامل موارد زیر است:
- یک فرمان
event
که به Google می گوید شما در حال ارسال یک رویداد هستید - نام رویداد توصیه شده یا سفارشی
- (اختیاری) مجموعه ای از پارامترها که اطلاعات بیشتری در مورد رویداد ارائه می دهد
به عنوان مثال، رویداد زیر یک رویداد توصیه شده به نام screen_view
با دو پارامتر است:
gtag('event', 'screen_view', {
'app_name': 'myAppName',
'screen_name': 'Home'
});
رویدادها را به جاوا اسکریپت خود اضافه کنید
gtag()
یک تابع جاوا اسکریپت است، بنابراین باید تابع را به جاوا اسکریپت در صفحه وب خود اضافه کنید. برای مثال، میتوانید تابع را در تگهای <script>
خود یا در یک فایل جاوا اسکریپت جداگانه که به صفحه HTML خود وارد میکنید، اضافه کنید.
میتوانید رویدادها را در هر جایی زیر قطعه برچسب Google به جاوا اسکریپت خود اضافه کنید. Google دادههای رویدادهایی را که در بالای قطعه برچسب Google قرار میدهید پردازش نمیکند. به عنوان مثال، کد نمونه زیر شامل رویدادی به نام screen_view
در یک تگ <script>
است:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title of the page</title>
</head>
<body>
<p>Welcome to my website!</p>
<script>
/**
* The following event is sent when the page loads. You could
* wrap the event in a JavaScript function so the event is
* sent when the user performs some action.
*/
gtag('event', 'screen_view', {
'app_name': 'myAppName',
'screen_name': 'Home'
});
</script>
</body>
</html>
اگر میخواهید رویداد را بر اساس یک کلیک دکمه (یا برخی اقدامات کاربر دیگر) ارسال کنید، میتوانید جاوا اسکریپت اضافی را به رویداد خود اضافه کنید.
رویدادهای خود را در Analytics ببینید
با استفاده از گزارشهای Realtime و DebugView میتوانید رویدادهای خود و پارامترهای آنها را مشاهده کنید. توجه داشته باشید که گزارش DebugView قبل از اینکه بتوانید از گزارش استفاده کنید نیاز به تنظیمات بیشتری دارد. این دو گزارش رویدادهایی را که کاربران در وب سایت شما راه اندازی می کنند، به شما نشان می دهد که رویدادها فعال می شوند.
مراحل بعدی
- برای افزودن اطلاعات بیشتر به رویدادهای خود ، پارامترهای رویداد را تنظیم کنید .
- رویدادها را به عنوان رویدادهای کلیدی علامت گذاری کنید .