از jQuery برای گوش دادن و عبور از ردیابی رویداد Google Analytics برای هر کلیک استفاده کنید

jQuery به کلیک‌ها برای عبور از ردیابی رویداد Google Analytics گوش دهید

من تعجب می کنم که ادغام ها و سیستم های بیشتری به طور خودکار شامل نمی شوند ردیابی رویداد Google Analytics در سکوهای خود بیشتر وقت من که روی سایت های مشتریان کار می کنم، ردیابی رویدادها را توسعه می دهم تا اطلاعات مورد نیاز مشتری را در مورد اینکه چه رفتارهای کاربر در سایت کار می کند یا نه، ارائه می دهد.

اخیراً در مورد نحوه ردیابی نوشتم mail به کلیک, تلفن کلیک کنیدو ارسالی فرم Elementor. من قصد دارم راه حل هایی را که می نویسم به اشتراک بگذارم با این امید که به شما کمک کند تا عملکرد سایت یا برنامه وب خود را بهتر تجزیه و تحلیل کنید.

این مثال با افزودن یک عنصر داده که شامل دسته رویداد Google Analytics، اقدام رویداد Google Analytics و برچسب رویداد Google Analytics است، ابزار بسیار ساده‌ای را برای ترکیب ردیابی رویداد Google Analytics در هر تگ لنگر ارائه می‌کند. در اینجا یک مثال از پیوندی است که عنصر داده را در خود جای داده است، به نام gaevent:

<a href="#" data-gaevent="Category,Action,Label">Click Here</a>

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

<script>
  $(document).ready(function() {      
    $(document).on('click', '[data-gaevent]', function(e) {
      var $link = $(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

توجه: من یک هشدار اضافه کرده ام (نظر داده شده) تا بتوانید آنچه را که واقعاً قبول شده است آزمایش کنید.

اگر jQuery را روی وردپرس اجرا می‌کنید، می‌خواهید کد را کمی تغییر دهید زیرا وردپرس از میانبر $ استقبال نمی‌کند:

<script>
  jQuery(document).ready(function() {      
    jQuery(document).on('click', '[data-gaevent]', function(e) {
      var $link = jQuery(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

این قوی ترین اسکریپت نیست و ممکن است نیاز به پاکسازی اضافی داشته باشید، اما باید شما را شروع کند!