پیاده‌سازی ردیابی فروشگاه‌های اینترنتی Ecommerce Tracking در آنالیتیکس

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

در فروشگاه‌های اینترنتی این موضوع مشکلات بیشتری را ایجاد می‌کند؛ چراکه در حالت عادی آنالیتیکس هیچ اطلاعاتی از میزان فروش محصولات و درصد تبدیل بازدیدکننده‌ها به خریدار را گزارش نمی‌دهد. اطلاعاتی که برای فروشگاه‌های اینترنتی بسیار مهم‌تر از میزان بازدید از صفحات سایت است.

اما آنالیتیکس برای حل این مشکل راهکارهایی را ارائه کرده است که یکی از مهم‌ترین آن‌ها قابلیت Ecommerce Tracking در فروشگاه‌ها است. با پیاده‌سازی این قابلیت در فروشگاه، می‌توانید گزارش‌های کاملی از خریدهای انجام‌شده مشاهده کنید؛ اما انجام این کار کمی تخصصی و سخت است.

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

قابلیت Ecommerce Tracking چیست؟

برای نصب آنالیتیکس روی سایت، کدی درون صفحات آن قرار می‌گیرد که اطلاعات بازدید از صفحات یا همان Page View را رصد می‌کند. بیشتر اطلاعات درون آنالیتیکس توسط همین ردیابی بازدید از صفحات به‌دست می‌آید. آنالیتیکس برای ردیابی رفتارهای دیگر کاربران نیاز به انجام اقدامات اضافی دارد تا با کمک آن‌ها اطلاعات بیشتری به آنالیتیکس ارسال شود. ردیابی ایونت‌ها یکی از معروف‌ترین این فعالیت‌ها است که با کمک تگ منیجر انجام می‌شود.

قابلیت Ecommerce Tracking یا ردیابی فروشگاه‌های اینترنتی نیز یکی دیگر از این ویژگی‌ها است که آنالیتیکس به صاحبان سایت‌های فروشگاهی پیشنهاد می‌دهد. با پیاده‌سازی این ویژگی، اطلاعات مهمی از فروش‌های انجام‌شده در آنالیتیکس قابل مشاهده است. برای شروع اجازه دهید به سراغ آنالیتیکس و نحوه فعال‌سازی این قابلیت برویم.

فعال‌سازی Ecommerce Tracking در آنالیتیکس

برای این کار در منو اصلی آنالیتیکس روی گزینه Admin کلیک کنید.

از تب View گزینه Ecommerce Setting را انتخاب کنید.

از بخش Enable Ecommerce روی OFF کلیک کنید تا به ON تبدیل شود.

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

تفاوت Standard Ecommerce و Enhanced Ecommerce

در بخش قبل و بعد از فعال کردن قابلیت ردیابی، یک گزینه دیگر با نام Enable Enhanced Ecommerce Reporting مشاهده می‌شود که برای فعال‌سازی حالت پیشرفته ردیابی در فروشگاه‌های اینترنتی است. در این قسمت به تفاوت این حالت پیشرفته با حالت استاندارد می‌پردازیم.

با پیاده‌سازی ردیابی Standard Ecommerce که در این مقاله آموزش داده می‌شود، اطلاعات زیر را می‌توانید در گزارش‌های آنالیتیکس مشاهده کنید.

• آیدی مخصوص هر خرید انجام‌شده در فروشگاه
• مقدار هزینه کل سبد خرید
• هزینه ارسال محصولات خرید انجام‌شده
• مالیات یا هزینه‌های اضافی گرفته‌شده
• لیست محصولات سبد خرید شامل نام محصول، آیدی، دسته‌بندی، قیمت و تعداد هر محصول

پیاده‌سازی ویژگی Enhanced Ecommerce می‌تواند علاوه بر اطلاعات بالا، گزارش‌های بسیار پیشرفته‌ای از مسیر مشتریان، از مشاهده محصول گرفته تا خرید یا عدم خرید آن‌ها را نشان دهد که به دلیل پیشرفته بودن پیاده‌سازی این قابلیت، در مقاله به این موضوع پرداخته نمی‌شود؛ اما به کلیات و مراحل اصلی فعال‌سازی آن اشاره می‌شود.

اطلاعاتی که با پیاده‌سازی Enhanced Ecommerce قابل دسترس هست را در ادامه معرفی می‌کنیم.

• گزارش مشاهده شدن محصولات
• گزارش کلیک روی محصولات و توضیحات آن‌ها
• گزارش اضافه کردن محصول به سبد خرید یا حذف از آن
• گزارش مشاهده محصولات دارای Promote و تخفیف
• گزارش رفتن به صفحه پرداخت
• گزارش محصولات مرجوع شده

در قسمت بعد به نحوه مشاهده گزارش‌های Ecommerce Tracking در آنالیتیکس می‌پردازیم.

دسترسی به گزارش‌های فروشگاه اینترنتی در آنالیتیکس

بعد از پیاده‌سازی این ویژگی که در قسمت‌های بعد به آن اشاره می‌کنیم، می‌توانید از طریق مسیر زیر گزارش‌های آن را مشاهده کنید.

از منو اصلی آنالیتیکس و بخش Conversions روی گزینه Ecommerce کلیک کنید.

بخش‌های زیر در این گزینه قابل دسترس است.

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

Product Performance: جدول کاملی از محصولات، تعداد فروش آن‌ها و میزان سود هر محصول در این گزینه قابل دسترس است.

Sales Performance: لیستی از خریدهای انجام‌شده به همراه میزان سود هر خرید و هزینه ارسال و مالیات در این قسمت مشاهده می‌شود.

Transactions: اطلاعاتی از خریدها و پارامترهای مربوط به آن در این بخش وجود دارد.

Time to Purchase: گزارشی از تعداد روزها و سشن‌هایی که کاربران برای نهایی کردن خرید وقت لازم داشته‌اند، در این قسمت قابل مشاهده است.

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

پیاده‌سازی ویژگی Ecommerce Tracking به زبان ساده

قبل از اینکه وارد بحث‌های تخصصی و برنامه‌نویسی شویم، ابتدا بهتر است به شکل ساده کلیات موضوع را بیان کنیم. بعدازاینکه قابلیت ردیابی را در آنالیتیکس فعال کردیم، باید اطلاعات فروش‌های انجام‌شده را به آنالیتیکس ارسال کنیم.

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

در این راه از متغیر Data Layer استفاده می‌شود. این نوع متغیر می‌تواند اطلاعات چندین متغیر را مانند یک جدول در خود ذخیره کند. پس می‌شود برای هر خرید انجام‌شده در سایت یک Data Layer داشت که کل اطلاعات خرید بر طبق پارامترهایی که سند گوگل مشخص کرده است، در آن ذخیره شود.

این Data Layer باید توسط تیم فنی و بر اساس زبان برنامه‌نویسی سایت ایجاد شود و سپس کد آن درون سایت قرار گیرد. در ادامه نیز باید کاری کرد که وقتی یک خرید در فروشگاه انجام می‌شود اطلاعات این Data Layer به آنالیتیکس ارسال شود که این کار توسط ابزار تگ منیجر انجام می‌شود. بعد از این کار می‌توان اطلاعات خرید را در آنالیتیکس دید؛ چراکه پارامترهای درون Data Layer را آنالیتیکس متوجه می‌شود.

نکته: تفاوت اصلی بین حالت استاندارد ردیابی و Enhanced Ecommerce این است که در حالت استاندارد فقط یک Data Layer به ازای هر خرید به آنالیتیکس ارسال می‌شود؛ درصورتی‌که در حالت Enhanced Ecommerce چندین Data Layer و در حالت‌های مختلف رفتار مشتری به آنالیتیکس اطلاعات می‌فرستند.

پیاده‌سازی عملی Ecommerce Tracking با تگ منیجر

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

مرحله ساخت Data Layer

گفتیم که اولین قدم ارسال اطلاعات، ساخت یک Data Layer شامل اطلاعات خرید و قرار دادن کد آن درون صفحات سایت است. برای انجام این کار دو راه زیر وجود دارد.

درخواست از تیم فنی

تیم فنی یا فریلنسرها می‌توانند بر اساس سند گوگل Data Layer را بسازند. نمونه این کد را در تصویر زیر می‌بینید.

این کد باید توسط متغیرهای مناسب جایگزین شود و سپس درون صفحات قرار گیرد. بیشتر پارامترهای درون این کد اختیاری هستند؛ اما پیشنهاد می‌شود هرچقدر که می‌توانید اطلاعات را کامل‌تر ارسال کنید تا گزارش‌های جامعی در آنالیتیکس ببینید.

استفاده از افزونه

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

نکته مهم: افزونه‌هایی نیز وجود دارند که کل مراحل پیاده‌سازی ویژگیEcommerce Tracking را خودشان انجام می‌دهند و نیاز به استفاده از تگ منیجر در آن‌ها نیست. در وردپرس افزونه Analytics Plugin for Woocommerce معروف‌ترین افزونه برای این کار است؛ اما تجربه نشان داده است که در عمل این افزونه‌ها کارایی مناسبی ندارند و دارای خطا در نشان دادن تعداد خریدها هستند و نمی‌توانند آمار کامل و دقیق را به آنالیتیکس ارسال کنند. به همین دلیل بهتر است خودتان به‌صورت دستی و توسط تگ منیجر این کار را انجام دهید تا کنترل بهتری روی کار داشته باشید.

مرحله قرار دادن کد Data Layer در سایت

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

به‌صورت کلی پیشنهاد می‌کنیم که کد Data Layer را بالای کد نصب تگ منیجر یا همان کد Container قرار دهید. این کار مزیت‌های زیادی دارد و می‌تواند در سریع‌ترین زمان ممکن بعد از انجام خرید، اطلاعات آن را به آنالیتیکس بفرستد و خطاهای ارسال را کم کند؛ اما اگر به هر دلیلی تیم فنی نمی‌تواند این کار را انجام دهد، ما برای حالت‌های مختلف سه سناریو را آماده کرده‌ایم؛ ولی برای انتخاب سناریو، ابتدا باید به این سؤال مهم پاسخ دهید.

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

برای پیدا کردن جواب این سؤال می‌توانید یک خرید آزمایشی از سایت خود بکنید و بعد از نهایی شدن خرید، به آدرس URL صفحه توجه کنید. معمولاً بیشتر سایت‌ها به یک صفحه جدید می‌روند که در URL آن صفحه یک عبارت منحصربه‌فرد مانند Successful وجود دارد که از این عبارت می‌توانیم برای ساخت تریگر استفاده کنیم.

با توجه به جواب این سؤال سناریوهای زیر پیش می‌آید:

سناریو یک – فروشگاه از نوع صفحه مجزا برای نهایی شدن خرید است و کد Data Layer بالای کد Container در این صفحه قرار گرفته است.

اگر تابه‌حال از حالت خطایابی یا Debug تگ منیجر استفاده کرده باشید، می‌دانید که ابتدا Container بارگذاری می‌شود و در ادامه بخش‌های DOM Ready و Window Loaded قابل مشاهده است.

در سناریو اول چون کد بالای Container قرار گرفته است، پس از تریگر Page View که در خود Container بارگذاری می‌شود، می‌توانیم استفاده کنیم که به این موضوع در مرحله سوم می‌پردازیم.

سناریو دوم – فروشگاه از نوع صفحه مجزا برای نهایی شدن خرید است و کد Data Layer پایین کد Container در این صفحه قرار گرفته است.

در این حالت دیگر مانند سناریو اول دسترسی به تریگر Page View نداریم؛ چونData Layer بعد از آن بارگذاری می‌شود. پس در این سناریو از تریگر DOM Ready استفاده می‌کنیم که در مرحله بعد آن را آموزش می‌دهیم.

سناریو سوم – فروشگاه دارای صفحه مجزا در نهایی شدن خرید نیست و همان صفحه مرحله آخر خرید، دوباره بارگذاری می‌شود.

در این حالت نمی‌توانیم از تریگرهای Page View یا DOM Ready استفاده کنیم؛ چون این تریگرها به آدرس URL صفحه وابسته هستند و ما URL مجزا برای ایجاد تریگر نداریم. پس در این سناریو باید خودمان یک ایونت در زمان نهایی شدن خرید درون Data Layer قرار دهیم و از همان ایونت به‌عنوان تریگر استفاده کنیم و دیگر محل قرارگیری کدData Layer مهم نیست.

در این حالت کدی که تیم فنی باید درون سایت قرار دهد شبیه تصویر زیر می‌شود که یک ایونت به آن اضافه شده است. نام این ایونت مهم است؛ چراکه باید از نام آن در ساخت تریگر استفاده کنیم.

نکته: بعدازاینکه تیم فنی کد را درون سایت قرار داد، بهتر است برای آزمایش از موفق بودن این کار، از حالت Debug تگ منیجر، سایت خودتان را باز کنید و یک خرید آزمایشی انجام دهید و سپس از تب Data Layer مطمئن شوید که اطلاعات درست به همراه پارامترهای منطبق بر سند گوگل درون Data Layer قرار گرفته است.

مرحله ساخت تگ و تریگر برای Ecommerce Tracking

وارد تگ منیجر شوید و از منو اصلی روی TAGS کلیک کنید و سپس با زدن دکمه New یک تگ جدید بسازید.

با کلیک روی قسمت Tag Configuration نوع تگ را Universal Analytics انتخاب کنید.

در بخش Track Type نوع Transaction را انتخاب کنید و سپس متغیر مربوط به Tracking Code آنالیتیکس خود را در بخش بعد وارد کنید.

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

تریگر سناریو اول

همان‌طور که در قسمت قبل گفتیم چون در سناریو اول کد Data Layer بالای کد Container است و صفحه نهایی شدن خرید نیز دارای یک عبارت یکتا است، می‌توانیم از تریگر Page View استفاده کنیم.

ابتدا باید عبارت یکتایی را پیدا کنید که در تمامی آدرس‌های نهایی شدن خرید به‌صورت ثابت وجود دارد و در دیگر قسمت‌های سایت از این عبارت استفاده نمی‌شود. به‌عنوان‌مثال اگر URL صفحه نهایی خرید به این شکل باشد.

www.analytips.io/purchase-successful

عبارت «purchase-successful» عبارت یکتا سایت شما است. اگر URL به این شکل باشد.

www.analytips.io/purchase-successful/ID511452

نباید از قسمت آخر که در هر خرید متفاوت است، استفاده کنید و عبارت یکتا بازهم «purchase-successful» می‌شود.

پس برای ساخت تریگر روی بخش Triggering کلیک کنید و نوع تریگر را Page View انتخاب کنید.

سپس گزینه Some Page Views را انتخاب کنید و مانند تصویر متغیر Page URL و گزینه‌های Contains و عبارت یکتا یعنی «purchase-successful» را وارد کنید. در این حالت زمان نهایی شدن خرید، تریگر فعال می‌شود و اطلاعات داخل Data Layer به آنالیتیکس ارسال می‌شود.

تریگر سناریو دوم

فرقی که تریگر این سناریو با سناریو اول دارد، فقط نوع آن است که باید نوع DOM Ready را انتخاب کنیم؛ چون Data Layer بعد از Container بارگذاری می‌شود و نمی‌توانیم از Page View استفاده کنیم.

پس برای ساخت تریگر در بخش Triggering کلیک کنید و نوع DOM Ready را انتخاب کنید.

گزینه Some DOM Ready Events را بزنید و مانند تصویر متغیر URL و گزینه‌های Contains و عبارت یکتا یعنی «purchase-successful» را وارد کنید و تریگر را ذخیره کنید.

تریگر سناریو سوم

این حالت چون نمی‌توانیم از آدرس صفحه برای تریگر استفاده کنیم، کار کمی سخت‌تر می‌شود. همان‌طور که در مرحله دوم گفتیم در این حالت به همراه Data Layer یک ایونت با نام مجزا نیز باید قرار بگیرد تا ما از همین ایونت به‌عنوان تریگر استفاده کنیم.

در این حالت برای ساخت تریگر در بخش Triggering کلیک کنید و نوع تریگر را Custom Event انتخاب کنید.

در بخش Event Name نام ایونتی که در Data Layer قرار گرفته است را به شکل صحیح وارد کنید و بقیه گزینه‌ها را دست نزنید. مطمئن شوید که نام ایونت باید دقیقاً همان نامی باشد که درون Data Layer است و این نام به حروف کوچک و بزرگ نیز حساس است.

در این حالت زمانی که یک خرید انجام می‌شود، یک ایونت درون Data Layer قرار می‌گیرد که تگ منیجر این ایونت را ردیابی می‌کند و چون به‌عنوان تریگر استفاده شده است، تگ خودش را فعال می‌کند. با فعال شدن تگ اطلاعات درون Data Layer که شامل اطلاعات خرید است به آنالیتیکس ارسال می‌شود.

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

برای آزمایش تگ ساخته‌شده، می‌توانید از افزونه Tag Assistant استفاده کنید و یک خرید آزمایشی انجام دهید و با کلیک روی تگ گوگل آنالیتیکس و سپس گزینه Other Request اطلاعات ارسال شده از خرید را مشاهده کنید.

نحوه جلوگیری از دوبار ارسال شدن اطلاعات خرید

ممکن است بعضی از مشتریان بعد از نهایی شدن خرید و مشاهده صفحه موفقیت‌آمیز بودن آن، دوباره صفحه را رفرش کنند. در این حالت مجدد اطلاعات خرید درون Data Layer قرار می‌گیرد و به آنالیتیکس ارسال می‌شود که این موضوع می‌تواند گزارش‌های بخش فروشگاهی آنالیتیکس را خراب کند.

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

خلاصه و جمع‌بندی

در این مقاله به آموزش فعال کردن ویژگی ردیابی فروشگاه‌های اینترنتی Ecommerce Tracking در آنالیتیکس پرداختیم و اهمیت آن را از گزارش‌های به‌دست‌آمده توسط این ویژگی شناختیم. توجه کنید که باوجود پیاده‌سازی کامل و دقیق این ویژگی و حل مشکلات کناری، بازهم نمی‌توانیم به‌صورت صد در صد همه فروش‌های انجام‌شده را در آنالیتیکس مشاهده کنیم و ممکن است در آخر اختلافاتی وجود داشته باشد؛ اما بااین‌وجود نمی‌توانیم از مزیت‌هایی که این گزارش‌ها ایجاد می‌کنند، بگذریم.

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