Օգտագործեք jQuery՝ լսելու և փոխանցելու Google Analytics իրադարձությունների հետևում ցանկացած սեղմումով

jQuery Լսեք սեղմումներ՝ Google Analytics-ի իրադարձությունների հետագծումը անցնելու համար

Ես զարմացած եմ, որ ավելի շատ ինտեգրումներ և համակարգեր ինքնաբերաբար չեն ներառում Google Analytics իրադարձությունների հետևում իրենց հարթակներում։ Հաճախորդների կայքերում աշխատելիս ժամանակի մեծ մասը մշակում է Իրադարձությունների հետագծում, որպեսզի հաճախորդին տրամադրեմ անհրաժեշտ տեղեկատվությունը այն մասին, թե օգտատերերի ինչ վարքագիծ է գործում կամ չի աշխատում կայքում:

Վերջերս ես գրեցի, թե ինչպես կարելի է հետևել փոստի համար սեղմումներ, Հեռ կտտացնում, եւ Elementor ձևի ներկայացումներ. Ես պատրաստվում եմ շարունակել կիսվել այն լուծումներով, որոնք գրում եմ՝ հուսալով, որ այն կօգնի ձեզ ավելի լավ վերլուծել ձեր կայքը կամ վեբ հավելվածի աշխատանքը:

Այս օրինակը տրամադրում է Google Analytics-ի իրադարձությունների հետագծումը ցանկացած խարիսխի պիտակի մեջ ներառելու շատ պարզ միջոց՝ ավելացնելով տվյալների տարր, որը ներառում է Google Analytics իրադարձությունների կատեգորիան, Google Analytics իրադարձությունների գործողությունը և Google Analytics իրադարձությունների պիտակը: Ահա կապի օրինակ, որը ներառում է տվյալների տարրը, որը կոչվում է gaevent:

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

Ձեր կայքի համար նախապայման է ներառել jQuery-ն… որով սնուցվում է այս սցենարը: Ձեր էջը բեռնվելուց հետո այս սկրիպտը ձեր էջին լսող է ավելացնում յուրաքանչյուրի համար, ով կտտացնում է որևէ տարրի վրա 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 WordPress-ում, ապա դուք կցանկանաք մի փոքր փոփոխել կոդը, քանի որ WordPress-ը չի գնահատում $ դյուրանցումը.

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

Սա ամենահզոր սցենարը չէ, և դուք կարող եք լրացուցիչ մաքրման կարիք ունենալ, բայց դա պետք է ձեզ սկսի: