ساخت ایونت ترکینگ کور وب وایتال {آموزش تصویری}

شیما تیموری
شیما تیموری
10:09، 1400/12/02
ساخت ایونت ترکینگ کور وب وایتال {آموزش تصویری}
1 رای    میانگین 5/5
لطفا شما هم امتیاز بدهید!

ساخت ایونت ترکینگ کور وب وایتال {آموزش تصویری}


کور وب وایتال (Core Web Vitals) مجموعه‌ای از معیارهای رتبه‌بندی گوگل است که با تجربه کاربری سر و کار دارد و براساس تجربه کاربران اندازه‌گیری می‌شود. هر سئوکاری برای تقویت سئو سایتی که رویش کار می‌کند، باید ایونت کور وب وایتال را روی سایت نصب کند. ما در این آموزش تصویری می‌خواهیم نحوه نصب ایونت کور وب وایتال را در سایت با استفاده از گوگل تگ منیجر بگوییم.

کور وب وایتال چیست؟

تا سال 2021 میلادی، سئوکارها برای خودشان می‌چرخیدند و وظایف سئویی‌شان را به نحو احسن انجام می‌دادند که گوگل با خبر آپدیت جدیدش آمد؛ آن هم چه خبری!
«کور وب وایتال آمده و قرار است نقش مهمی در رتبه‌بندی سایت‌ها داشته باشد.»

Core Web Vitals یا معیارهای رتبه‌بندی گوگل، مجموعه‌ای از فاکتورهای مرتبط با سرعت لودینگ سایت، تجربه کاربری و المان‌های صفحه هستند که نقش مهمی در تجربه کاربری بازدیدکننده ایفا می‌کنند. گوگل براساس یک سری متر و معیار مشخص می‌کند که هر سایتی براساس Core Web Vitals عمل می‌کند و آیا لیاقت گرفتن رتبه در موتور جستجویش را دارد یا نه؟!

فاکتورهای کور وب وایتالفاکتورهای کور وب وایتال

مثلا یکی از معیارهای Core Web Vitals به اسم LCP مشخص کننده عملکرد لودینگ صفحه برای بازدیدکننده است. براساس معیار LCP کور وب وایتال، اگر هر صفحه‌ای کمتر از 2.5 ثانیه لود یا بارگزاری شود، نشان‌دهنده وضعیت خوب صفحه است. حالا اگر این زمان بیشتر طول بکشد، نمره LCP کمتر خواهد بود و نیازمند بهبود است. مثلا برای بهبود سرعت لودینگ صفحه باید عکس‌های داخل صفحه را از لحاظ حجم بهینه‌سازی کرد یا تگ‌های اضافه را پاک کرد.

ما در منتوریکس، راهنمای جامع و کاملی از کور وب وایتال را منتشر کردیم که می‌توانید آن را مطالعه کنید. بنابراین بعد از این مطلب، حتما به راهنمای کور وب وایتال سر بزنید:

core web vitals چیست؟

معیارهای کور وب وایتال چه هستند؟

LCP: مخفف Largest contentful paint، یعنی چقدر زمان می‌برد تا صفحه برای بازدیدکننده لود شود.

بیشتر بخوانید: LCP چیست؟

FID: مخفف First input delay، یعنی چقدر زمان طول می‌کشد تا کاربر بعد از ورود به سایت، با قسمتی از سایت تعامل داشته باشد. مثلا بعد از ورود به صفحه دوره گوگل ادز منتوریکس، FID کاربر می‌شود کلیک روی دکمه ثبت‌نام دوره یا اسکرول صفحه.

بیشتر بخوانید: FID چیست؟

CLS: مخفف Cumulative layout shift، یعنی چند درصد مواقع تغییری ناگهانی در چیدمان کلی صفحه بوجود می‌آید؟

بیشتر بخوانید: CLS چیست؟

برای دیدن وضعیت کور وب وایتال سایت خود می‌توانید از گزارش ایونت گوگل آنالیتیکس استفاده کنید.

گزارش کور وب وایتال در گوگل آنالیتیکس یونیورسالگزارش کور وب وایتال در منوی events گوگل آنالیتیکس یونیورسال

ساخت ایونت کور وب وایتال با گوگل تگ منیجر

برای اینکه گزارش‌های کور وب وایتال را در گوگل آنالیتیکس یونیورسال ببینیم، باید ایونت آن را در گوگل تگ منیجر بسازیم. برای ساخت ایونت Core web vitals به ترتیب مراحلی را که در ادامه آمده انجام دهید.

قسمت اول: ورود تگ کور وب وایتال در گوگل تگ منیجر

1- تگ جدید در گوگل تگ منیجر بسازید و نوع تگ را Custom HTML انتخاب کنید.

ساخت تگ جدید در گوگل تگ منیجر
2- اسم تگ را چیزی مثل core web vitals یا cHTML-Web Vitals بگذارید.

3- کد زیر را کپی کنید و در قسمت Script تگ، پیست کنید.




تگ کاستوم برای کور وب وایتال در گوگل تگ منیجر

4- در قسمت Triggering، All custom events را انتخاب کنید تا تگ کور وب وایتال در تمامی صفحات سایت اجرا شود.

قسمت دوم: ساخت تریگر Custom event

1- به قسمت triggers بروید و تریگر جدید بسازید. نوع تریگر را custom event انتخاب کنید.
2- اسم ایونت (Event name) را web-vitals بگذارید.
3- اسم تریگر را web vitals بگذارید.
4- تریگر را برای تمامی صفحات فعال کنید و دکمه Save را بزنید.

قسمت سوم: ساخت متغیر (Data layer Variables) کور وب وایتال

حالا باید برای ایونت کور وب وایتال، 4 تا متغیر شامل category، action، value و label بسازید. درست مثل سایر ایونت‌های موجود در گوگل تگ منیجر.
این متغیرها، داده‌ها را از سایت جمع می‌کنند و به گوگل آنالیتیکس می‌فرستند تا ما بتوانیم آن‌ها را در قالب گزارش بخوانیم.
پس به ایونت‌های زیر نیاز داریم:

event_category

event_action

event_value

event_label

1- به قسمت Variables بروید و برای هر کدام از ایونت‌های بالا یک متغیر (Variable) بسازید.

ساخت متغیر کور وب وایتال در گوگل تگ منیجر

2- اسم Variable را DLV – event_category را بگذارید.

ساخت متغیر  گوگل تگ منیجر

3- اسم Data Layer Variable را event_category بگذارید.

4- ورژن دیتا لِیر را ورژن 2 بگذارید.

5- مرحله 1 تا 4 را برای event_label، event_action و event_value تکرار کنید.

ساخت ایونت اکشن برای کور وب وایتال

قسمت چهارم: ساخت ایونت تگ یونیورسال برای کور وب وایتال

حالا که متغیرها را ساختیم و ایونت کور وب وایتال را هم قرار دادیم، وقتش رسیده که ایونت تگی هم برای گوگل آنالیتیکس یونیورسال بسازیم تا داده‌ها را به گوگل آنالیتیکس بفرستد.

1- روی new در قسمت تگ کلیک کنید و universal analytics را انتخاب کنید.
2- Track type را event بزنید و به ترتیب در قسمت‌های زیر، عبارات را کپی و پیست کنید:

Category: {{DLV – event_category}}

Action: {{DLV – event_action}}

Label: {{DLV – event_label}}

Value: {{DLV – event_value}}

3- در قسمت Non-interaction hit هم گزینه true را انتخاب کنید تا این ایونت روی bounce rate صفحه تاثیر نگذارد.

4- بعد از انتخاب گوگل آنالیتیکس، در قسمت تریگر هم web vitals را انتخاب کنید که در قسمت دوم آن را ساخته بودیم.

5- ذخیره کنید.

ساخت تگ آنالیتیکس برای کور وب وایتال در گوگل تگ منیجر

نوع تریگر کور وب وایتال در گوگل تگ منیجر

قسمت پنجم: تست و دیباگ

برای اینکه مطمئن باشیم ایونت کور وب وایتال به درستی ساخته شده و فعال می‌شود، باید دیباگ بگیریم. برای این کار روی گزینه preview بزنید تا گوگل تگ منیجر از طریق گوگل تگ اسیستنت به سایت متصل شود تا ببینیم کور وب وایتال فعال می‌شود یا نه.
بعد از باز شدن پنجره دیباگینگ گوگل تگ منیجر، اگر تصویری مثل تصویر زیر دیدید که فاکتورهای core web vitals مثل LCP، CLS و... را در بخش variable data نشان می‌دهد، پس ایونت را به درستی نوشته‌اید.

دیباگ ویو در گوگل تگ منیجر
بعد از آن می‌توانید به گزارش realtime گوگل آنالیتیکس یونیورسال بروید و ببینید که آیا در قسمت Events، ایونت‌های مرتبط با کور وب وایتال فعال شده یا نه.

در پایان هم گزینه Submit گوگل تگ منیجر را بزنید تا کد ایونتی که ساختیم روی سایت پابلیش یا منتشر شود.
از این به بعد می‌توانید داده‌های کور وب وایتال را در قسمت events منوی behavior ببینید و از آن استفاده کنید.

جمع‌بندی

در حین ساختن ایونت کور وب وایتال متوجه شدیم که اگر اسم متغیر با اسم ایونت متفاوت باشد (از لحاظ کوچکی یا بزرگی حروف)، ایونت فعال نخواهد شد. بنابراین دقیقا اسم ایونت و اسم custom variable را یکسان انتخاب کنید.
هر سوالی درباره ایونت ترکینگ کور وب وایتال در گوگل آنالیتیکس یونیورسال دارید از ما بپرسید.

شیما تیموری
شیما تیموری

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

انتشار مطالب فوق تنها با ذکر مرجع به همراه لینک وب‌سایت منتوریکس مجاز می‌باشد.
لطفا به حقوق هم احترام بگذاریم.

ما نظرات و سوالات شما را با دقت می‌خوانیم و پاسخ می‌دهیم
نظرات تعداد کاراکترهای باقی مانده: 300
انصراف