Ямар ч товшилтоор Google Analytics үйл явдлын хяналтыг сонсож, дамжуулахын тулд jQuery ашиглана уу

jQuery нь Google Analytics-ийн үйл явдлыг хянахын тулд товшилтыг сонсоорой

Илүү олон интеграцчлал, системүүд автоматаар ордоггүйд би гайхаж байна Google Analytics үйл явдлыг хянах тэдний платформ дээр. Үйлчлүүлэгчдийн сайтууд дээр ажиллахдаа ихэнх цагаа Үйлчлүүлэгчид тухайн сайт дээр хэрэглэгчийн ямар зан үйл ажиллаж байгаа, эсвэл ажиллахгүй байгаа талаар шаардлагатай мэдээллээр хангахын тулд Events-ийн хяналтыг хөгжүүлдэг.

Хамгийн сүүлд би хэрхэн хянах талаар бичсэн mailto товшилтууд, утсаар дарна ууБолон Элементийн маягтын илгээлт. Энэ нь таны сайт эсвэл вэб програмын гүйцэтгэлд илүү сайн дүн шинжилгээ хийхэд тусална гэж найдаж бичиж байгаа шийдлүүдээ үргэлжлүүлэн хуваалцах болно.

Энэ жишээ нь Google Analytics Event Tracking-ийг Google Analytics Event Category, Google Analytics Event Action болон Google Analytics Event Label зэрэг өгөгдлийн элементийг нэмэх замаар ямар ч зангуу шошгонд оруулах маш энгийн арга юм. гэж нэрлэгддэг өгөгдлийн элементийг агуулсан холбоосын жишээ энд байна үйл явдал:

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

Таны сайтын урьдчилсан нөхцөл бол энэ скриптээр ажилладаг jQuery-г оруулах явдал юм. Таны хуудсыг ачаалсны дараа энэ скрипт нь тухайн элемент дээр дарсан хэн бүхэнд таны хуудсанд сонсогч нэмж өгдөг үйл явдал өгөгдөл... дараа нь энэ талбарт таны заасан ангилал, үйлдэл, шошгыг авч задлан шинжилнэ.

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

Анхааруулга: Би анхааруулга (тайлбар бичсэн) оруулсан бөгөөд ингэснээр та яг юу дамжуулсныг шалгах боломжтой.

Хэрэв та WordPress дээр jQuery ажиллуулж байгаа бол 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>

Энэ бол хамгийн бат бөх скрипт биш бөгөөд та нэмэлт цэвэрлэгээ хийх шаардлагатай байж магадгүй ч энэ нь таныг эхлүүлэхэд тань туслах болно!