Ар кандай чыкылдатуу үчүн Google Analytics окуясына көз салуу үчүн jQuery колдонуңуз

jQuery Google Analytics Окуяга көз салуу үчүн чыкылдатууларды угуңуз

Көбүрөөк интеграциялар жана системалар автоматтык түрдө кирбей калганына таң калдым Google Analytics Окуяга көз салуу алардын платформаларында. Кардарлардын сайттарында иштеген убактымдын көбү кардарга сайтта кандай колдонуучунун жүрүм-туруму иштеп жатканы же иштебей жаткандыгы тууралуу керектүү маалыматты берүү үчүн Events үчүн байкоону иштеп чыгууда.

Жакында эле мен кантип байкоо жүргүзүү жөнүндө жаздым почта чыкылдатуу, тел чыкылдатуу, жана Элементтердин формасын тапшыруу. Мен жазып жаткан чечимдерим менен бөлүшүүнү уланта берем, бул сизге сайтыңыздын же веб-тиркемелердин иштешин жакшыраак талдап чыгууга жардам берет деген үмүт менен.

Бул мисал Google Analytics Окуя Категориясын, Google Analytics Event Action жана Google Analytics Event Labelди камтыган маалымат элементин кошуу менен Google Analytics Окуяга көз салууну каалаган анкер тегине киргизүүнүн абдан жөнөкөй каражатын камсыз кылат. Бул жерде маалымат элементин камтыган шилтеменин мисалы келтирилген окуя:

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

Бул эң күчтүү скрипт эмес жана сизге кошумча тазалоо керек болушу мүмкүн, бирок бул сизди баштоого жардам берет!