از رایج‌ترین تعاملاتی که همه با وب‌سایت‌ها داریم، کلیک، اسکرول، پر کردن فرم‌ها و … است. در این مطلب، می‌خواهیم رفتار کاربران را در رابطه با کلیک المان‌های مهم وب‌سایتمان – مانند کلیک روی دکمه افزودن به سبد خرید، دانلود اپلیکیشن، دکمه‌های دعوت به اقدام (‌call to action) و … – را با استفاده از گوگل تگ منیجر برای گوگل آنالیتیکس بفرستیم تا دید جامع‌تری در رابطه با رفتار کاربران وب‌سایتمان داشته باشیم. شاید این، یکی از مهم‌ترین کارهایی است که باید بتوانید با گوگل تگ منیجر انجام دهید. پس با دقت بسیار زیادی این مطلب را بخوانید و سعی کنید هم‌زمان روی وب‌سایت خودتان هم همین کارها را انجام دهید.

مثال‌هایی از موارد استفاده از کلیک ترکینگ در گوگل تگ منیجر

  • ردیابی کلیک روی دکمه (افزودن به سبد خرید، call to action)
  • لینک‌های داخلی سایت
  • لینک‌های خارجی (لینک‌هایی که شما را به وب‌سایت دیگری هدایت می‌کنند.)
  • لینک‌های تماس (کاربر روی آدرس‌های ایمیل یا شماره تلفن کلیک می‌کند.)
  • ردیابی کلیک روی بنرهای تبلیغاتی
  • ردیابی لینک دانلود اپلیکیشن یا دانلود فایل
  • و غیره

که در ادامه به بعضی از آن‌ها، در قالب مثال خواهیم پرداخت.

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

  • Just Links
  • All Elements

همان‌طور که از نام آن‌ها مشخص است، تریگر «All Elements» همه عناصر را بدون در نظر گرفتن اینکه دارای لینک هستند یا خیر دنبال می‌کند. مانند کلیک روی تصاویر، پس‌زمینه وب‌سایت، دکمه و غیره. درحالی‌که تریگر «Just Links» فقط عناصری که دارای لینک هستند را ردیابی می‌کند.

اگر روی هر آیتمی در صفحه وب، کلیک راست کنید و گزینه «Inspect Element» را بزنید و اگر دارای تگ «<a>» باشد، آن آیتم به صورت لینک زیر نمایش داده می‌شود.

چطور لینک کلیک‌ها را ردیابی کنیم؟

برای راحتی بیشتر، بهتر است طبق مراحل زیر پیش بروید.

  1.  در ابتدا، آنچه را که می‌خواهید ردیابی کنید، لینک‌ها یا هر المان دیگر را تعیین کنید.
  2.  حداقل یک تریگر «Click» (در این مثال تریگر «Just Link») را در صفحه فعال کنید.
  3.  همه متغیرهای داخلی مرتبط با «Click» را در گوگل تگ منیجر فعال کنید.
  4.  یک «Tag» بسازید.
  5.  تریگر «Click» را تغییر دهید تا فقط کلیک‌های خاص را ردیابی کنید. سپس تگ را به آن اختصاص دهید.
  6. تست کنید.

همین مراحل کار، برای هر دو «Just Links» و «All Elements» اعمال می‌شود. بیایید آن را در عمل ببینیم.

مرحله 1. در این مثال لینک زیر را برای ردیابی مدنظر قرار دادیم.

 

مرحله 2. تریگر «just Link» را برای همه صفحه‌ها فعال می‌کنیم

به‌طور پیش‌فرض، گوگل تگ منیجر کلیک‌ها را ردیابی نمی‌کند. می‌توانید با فعال کردن حالت «Preview» در تگ منیجر و سپس رفرش کردن سایت در پنل «Preview and Debug Mode» سه رویداد «Message» ،«Ready DOM» و «Window loaded» را در تگ منیجر ببینید.

در این حالت، روی لینکی در وب‌سایتتان کلیک کنید و ببینید چه اتفاقی در سمت چپ پنل تگ منیجر رخ می‌دهد باید رویداد «Link Click» را مشاهده کنید. در غیر این صورت شما هنوز هم آن 3 رویداد را خواهید داشت؛ مگر آنکه از قبل تریگرهای دیگر ردیابی کلیک را در تگ منیجر استفاده کرده باشید. اگر به این صورت است باید برای دیدن رویداد «Link Click» تغییراتی در تگ منیجر ایجاد کنید. چطور؟

برای این کار ابتدا باید وارد اکانت گوگل تگ منیجر شده از منوی سمت چپ روی «Triggers» کلیک کنید و «New» را بزنید. روی «Configuration Trigger» کلیک کرده و «Just Links» را انتخاب کنید. صفحه‌ای مانند تصویر زیر را مشاهده خواهید کرد. اسم آن را «All Link Clicks» بگذارید.

در این قسمت، دو گزینه «Wait for Tag» و «Check Validation» را می‌بینیم. اگر گزینه «Wait for Tag» برای تریگر کلیک فعال باشد و روی لینکی که در برگه مرورگر دیگری باز می‌شود کلیک کنید، به طور پیش‌فرض تا حداکثر 2000 میلی‌ثانیه صبر می‌کند تا اطلاعات را قبل از وارد شدن به صفحه دیگر ثبت کند. این مکث، قابل‌ تغییر است و محدود به 2000 میلی‌ثانیه نیست.

گزینه «Check Validation» را زمانی فعال می‌کنیم که بخواهیم ایونت‌هایی را که فقط در صفحه خاصی مدنظرمان هستند فعال کنیم. در این صورت، آدرس آن صفحه را در این قسمت وارد می‌کنیم. مثلا (Page URL) برابر (equal) باشد با (example.com)؛ بنابراین زمانی تریگر عمل می‌کند که این شرط اجرا شود. بیشتر وقت‌ها این گزینه را فعال نمی‌کنیم. در این مثال هم نیازی به این دو گزینه نداریم، پس تنظیمات را همان‌گونه که هست می‌گذاریم و آن را ذخیره می‌کنیم.

نکته: هر بار که تغییر در تگ منیجر رخ می‌دهد و می‌خواهید آن را تست کنید، در پنل نارنجی‌رنگ «Preview and Debug» روی دکمه «Refresh» کلیک کنید تا تغییرات انجام‌ شده اعمال شود. روی هر لینک در صفحه کلیک کنید. پس از کلیک به پانل «Preview» و «Debug» نگاهی دقیق‌تر بیندازید. رویداد «Click» را خواهید دید.

مرحله 3. متغیرهای کلیک پیش‌فرض تگ منیجر را فعال کنید

برای ایجاد تریگر‌های دقیق‌تر به متغیرهای کلیک نیاز داریم. آن‌ها چه هستند؟ آن‌ها اطلاعات ارزشمندی هستند که می‌توانند در بخش‌های مختلف تگ منیجر ازجمله تریگرها مورد استفاده قرار گیرند. برای فعال کردن آن‌ها در حساب گوگل تگ منیجر، در منوی سمت چپ، روی «Variable» کلیک کنید. در بخش «Built-In-Variable» روی «Configure» کلیک کنید. اکنون یک پنل در سمت چپ ظاهر می‌شود. متغیرهای کلیک نشان داده شده در شکل زیر را پیدا کرده و تیک همه آن‌ها را فعال کنید.

حالا که دوباره یک تغییر داده‌اید، باید از همان پنل نارنجی‌رنگ روی «Refresh» کلیک کنید تا تغییرات اعمال شود. سپس به صفحه‌ای که لینک در آن وجود دارد بروید و آن را هم رفرش کنید. سپس روی هر لینکی که در صفحه وجود دارد، کلیک کنید. اگر لینک، در همان برگه مرورگر باز می‌شود، مطمئن شوید که با نگه‌داشتن کلیدهای «CTRL» یا «CMD» (در مک) صفحه‌کلید خود روی لینک کلیک می‌کنید. چون هر بار که شما صفحه جدیدی باز می‌کنید، حالت پیش‌نمایش و اشکال‌زدایی نیز اطلاعات را برای همان صفحه نمایش می‌دهد. بنابراین، پس از گرفتن اطلاعات توسط «GTM» نمی‌توانید اطلاعات موجود را بررسی کنید. یک رویداد «Link Click» در لیست رویدادهای کنسول «Preview and Debug» ظاهر می‌شود، روی آن کلیک کنید. اکنون به تب «Variables» بروید و به دنبال متغیرهای مربوط به لینک کلیک باشید. همان‌طور که در تصویر می‌بینید.

نکته: اگر این رویداد را مشاهده نکردید صفحه وبی که در حال کار روی آن هستید را دوباره رفرش کنید. تا اینجا تریگر کلیک را با نام «All Link Clicks» در تگ منیجر ایجاد کردیم تا با کلیک روی هر لینکی بتوانیم رویداد آن را در لیست رویدادهای حالت پیش‌نمایش و اشکال‌زدایی ببینیم و همچنین تمام متغیرهای کلیک را هم فعال کردیم.

مرحله 4. تگ GA Event- Contact Link را بسازید

ما می‌خواهیم لینک تماس را ترک کنیم و اطلاعات آن را به‌عنوان «Event» به گوگل آنالیتیکس خود ارسال کنیم. برای این کار، در منوی سمت چپ روی «Tag» کلیک کنید و دکمه «New» را بزنید. روی «Tag Configuration» کلیک کنید و از منویی که باز می‌شود «Google Analytics-Universal Analytics» را انتخاب کنید. تنظیمات را مانند شکل زیر وارد کرده و نام آن را «GA Event- Contact Link» بگذارید. توجه داشته باشید که این نام اختیاری است.

نکته: باید اطلاعات را دسته‌بندی‌ شده با سه پارامتر «Event Category» ،«Event Action» و «Event Label» به گونه‌ای مشخص کنیم تا ایونت به آنالیتیکس معرفی شود. در این مثال، تعامل کاربر از نوع کلیک است. پس «Category» را «Click» وارد می‌کنیم. کاری که کاربر انجام می‌دهد، کلیک روی لینک تماس است. پس «Action» را «Contact Link Click» نام‌گذاری کردیم. «Lable» و  «Value» اختیاری هستند.

در واقع، شما می‌توانید هر چیزی که برایتان معنی دارد را در قسمت‌های «Event Category» ،«Event Action» و «Event Label» وارد کنید. در قسمت «Settings Google Analytics» متغیری که از قبل برای اکانت گوگل آنالیتیکس خود ایجاد کرده‌اید را با کلیک روی لیست کشویی انتخاب کنید. اما اگر هنوز متغیری نساخته‌اید با انتخاب گزینه «New Variable» می‌توانید یکی ایجاد کنید.

مرحله 5. تریگر «All Link Clicks» را تغییر دهید تا فقط کلیک‌های خاص را ردیابی کنید و سپس تگ را به آن اختصاص دهید

قدم بعدی، به‌روزرسانی تریگر «All Link Clicks» و سپس اختصاص آن به تگ «GA Event- Contact Link» است. ما می‌خواهیم لینک تماس با ما را ردیابی کنیم. در نتیجه، تگی که ساختیم فقط باید با کلیک روی لینک تماس با ما اجرا شود. بنابراین، پس از باز کردن کنسول پیش‌نمایش و اشکال‌زدایی، روی لینک تماس با ما در صفحه کلیک کنید. فراموش نکنید هم‌زمان کلید «CTRL» را در صفحه‌کلید نگه‌ دارید. سپس روی رویداد «Click Link» در «Summary» کلیک کنید. به تب «Variable» بروید. حالا سوال این است که برای متمایز کردن لینک تماس از بقیه لینک‌ها باید از کدام متغیر استفاده کنیم؟

در این مرحله، باید دنبال متغیر منحصربه‌فردی باشیم. در ابتدا متغیر «Click ID» را بررسی می‌کنیم. زیرا لینکی که این مشخصه را دارا باشد، دارای یک ویژگی منحصربه‌فرد است. بنابراین امکان ندارد در همان صفحه لینک دیگری با این «ID» موجود باشد. در این مثال «ID Click» برای این لینک توسط برنامه‌نویس سایت تعریف‌ نشده است. پس به سراغ متغیر «Click Classes» می‌رویم. چون از قبل ویژگی‌های لینک‌های سایت بررسی‌ شده است، متغیر «Click Classes» مربوط به لینک تماس با ما که در تصویر زیر مشخص‌ شده به هیچ لینک دیگری تعلق ندارد. پس می‌توانیم از این متغیر استفاده کنیم.

بنابراین، برای ساختن تگ دست‌به‌کار می‌شویم. ابتدا «dropdown_list_item» را کپی کنید. سپس در «Google Tag Manager» به قسمت «Triggers» بروید. تریگری را که از قبل به نام «All Link Clicks» ایجاد کردید را باز کنید. در این مرحله، می‌خواهیم این تریگر را ویرایش کنیم. پس نام آن را به «Contact Link Click» تغییر دهید. تنظیمات را مانند تصویر زیر وارد کنید. شرط این است که «Click Classes» برابر «Equals» با «dropdown_list_item» باشد. این بدان معنی است که اگر یک لینک کلیک شده، شامل «dropdown_list_item» باشد، آنگاه یک تگ اجرا می‌شود.

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

پس از ذخیره تریگر، تگ «GA Event-Contact Clink» را باز کرده و تریگر را به آن اختصاص دهید؛ مانند تصویر زیر.

مرحله 6. برای اینکه ببینیم تگی که تعریف کردیم روی سایت عمل می‌کند یا نه باید آن را تست کنیم

برای این کار حالت «Preview» و «Debug» را رفرش کرده، به وب‌سایت خود بروید و صفحه را رفرش کنید. روی لینک تماس با ما کلیک کنید. برای اینکه ببینیم تگی که تعریف کردیم روی سایت عمل می‌کند یا نه، باید تگ «GA Event-Contact Link» از قسمت «Tags Not Fired On This Page» به قسمت «Tags Fired On This Page» قرار بگیرد. در غیراین‌صورت، باید تریگر را دوباره بررسی کنید. همان‌طور که در شکل زیر می‌بینید، تگ «GA Event-Contact Link» به‌ درستی عمل می‌کند.

 توجه داشته باشید که پس از ساختن تگ و اعمال تغییرات در گوگل تگ منیجر ابتدا «Submit» و بعد «Publish» را می‌زنیم تا بتوانیم اطلاعات را در گوگل آنالیتیکس ببینیم. سپس می‌توانید گزارش رویدادهای گوگل آنالیتیکس را بررسی کرده و ببینید که آیا داده را دریافت می‌کنید یا خیر. در گوگل آنالیتیکس در قسمت «Realtime» به بخش «Events» بروید، باید اطلاعات کلیک را مشاهده کنید.

یک Goal را بر اساس GA Event درآنالیتیکس ایجاد کنید

بدون شک، برخی از کلیک‌های روی یک صفحه نسبت به سایرین از اهمیت بیشتری برخوردار هستند. اگر می‌خواهید یک «Goal» آنالیتیکس را بر اساس یک رویداد کلیک که به تازگی به «GA» (از طریق GTM) ارسال کرده‌اید، ایجاد کنید باید به این ترتیب پیش بروید: در «Google Analytics» به «Admin» بروید و «Goals» را انتخاب کنید.

سپس روی «NEW GOAL» کلیک کنید. «custom» را انتخاب کرده به مرحله بعد بروید.

نام «goal» را وارد کرده و نوع «goal» را «Event» انتخاب کنید. معمولا، «goal ID slot» برای من اهمیتی ندارد. بنابراین، بیش‌ از حد بر آن تأکید نمی‌کنم. انتخابی که «Google» به‌صورت خودکار ارائه می‌دهد، بسیار مناسب است. مقادیر رویدادی را که به‌عنوان هدف کامل در نظر گرفته‌اید وارد کنید. در تصویر زیر، من تنظیم کرده‌ام که اگر بازدیدکننده، هر لینک تماس را در وب‌سایت من کلیک کند آن را به‌عنوان یک هدف در نظر بگیرد.

چندین نکته مهم که باید در خاطر داشته باشید:

  • باید حداقل یک قسمت ایونت در تنظیمات «Goal» وارد شود. لازم نیست مقادیر را در همه فیلدها وارد کنید.
  • قسمت‌های موجود در تصویر بالا حساس هستند. این بدان معنی است که کلیک روی لینک تماس همان کلیک روی لینک کلیک نیست؛ بنابراین باید در نام‌گذاری آن‌ها کمال دقت را داشته باشید.

می‌توانید Goal خود را امتحان کنید. به قسمت «Realtime» به بخش «Convertions» بروید؛ تقریبا بلافاصله بعد از اعمال تغییرات، در آنجا ظاهر می‌شود. اگر این‌گونه نباشد، تنظیمات هدف شما نادرست است. به‌ احتمال‌ زیاد مقادیر برچسب را اشتباه وارد کرده‌اید. دوباره بررسی کنید.

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

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