İstənilən klik üçün Google Analytics Hadisə İzləməsini Dinləmək və Keçirmək üçün jQuery-dən istifadə edin

jQuery Google Analytics Hadisə İzləməsindən keçmək üçün kliklərə qulaq asın

Mən təəccüblənirəm ki, daha çox inteqrasiya və sistem avtomatik olaraq daxil deyil Google Analytics Hadisə İzləmə platformalarında. Müştərilərin saytlarında işlədiyim vaxtın çox hissəsi müştəriyə saytda hansı istifadəçi davranışlarının işlədiyi və ya işləmədiyi barədə lazım olan məlumatı təmin etmək üçün Hadisələrin izlənilməsini inkişaf etdirir.

Ən yaxınlarda necə izləmək barədə yazdım mailto klikləri, tel klikləriElementor forması təqdimatları. Saytınızın və ya veb tətbiqinizin performansını daha yaxşı təhlil etməyə kömək edəcəyi ümidi ilə yazdığım həlləri paylaşmağa davam edəcəyəm.

Bu nümunə, Google Analytics Hadisə Kateqoriyasını, Google Analytics Hadisə Fəaliyyətini və Google Analytics Hadisə Etiketini ehtiva edən məlumat elementi əlavə etməklə Google Analytics Hadisə İzləməsini istənilən anker teqinə daxil etmək üçün çox sadə vasitələr təqdim edir. adlı verilənlər elementini özündə birləşdirən keçid nümunəsidir hadisə:

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

Saytınız üçün ilkin şərt jQuery-ni daxil etməkdir... bu skriptin təchiz edildiyi. Səhifəniz yükləndikdən sonra, bu skript elementə klikləyən hər kəs üçün səhifənizə dinləyici əlavə edir hadisə data... sonra sahə daxilində göstərdiyiniz kateqoriyanı, hərəkəti və etiketi tutur və təhlil edir.

<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>

Xəbərdarlıq: Mən bir xəbərdarlığı (şərh etdim) daxil etdim ki, həqiqətən nəyin keçdiyini sınaya biləsiniz.

WordPress-də jQuery-ni işlədirsinizsə, kodu bir az dəyişdirmək istəyə bilərsiniz, çünki WordPress $ qısayolunu qiymətləndirmir:

<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>

Bu, ən möhkəm skript deyil və sizə bəzi əlavə təmizləmələr etməli ola bilərsiniz, lakin o, sizi işə başlamalıdır!